jquery处理json对象


Posted in Javascript onNovember 03, 2014

在服务器端的php脚本:

<?php   

$data['id'] = 1;   

$dat['name'] = "mary";   

$da['red']= array_merge($data,$dat);   

  

$data1['id'] = 2;   

$dat1['name'] = "燕子";   

$da['blue']= array_merge($data1,$dat1);   

print_r($da);   //打印出来是一个二维数组(如下)   

/*

Array  

(  

    [red] => Array  

        (  

            [id] => 1  

            [name] => mary  

        )  

 

    [blue] => Array  

        (  

            [id] => 2  

            [name] => 燕子  

        )  

)  

*/  

  

  

echo json_encode($da);//输出的是一个转化成json格式的字符串,可以直接在js中用(如下)   

/*

{"red":{"id":1,"name":"mary"},"blue":{"id":2,"name":"\u71d5\u5b50"}}  

*/  

?> 

jquery脚本:
返回到js后的处理:
第一种要用到varl转化的:是字符串的时候就要用eval转化成jquery对象(如下)

var arr = '{"red":{"id":1,"name":"mary"},"blue":{"id":2,"name":"\u71d5\u5b50"}}';   //\u71d5\u5b50这个是php中自动转换的   

var dataObj = eval("("+arr+")");    //这里要加上加好括号和双引号的原因我也不知道,就当是json语法,只能死记硬背了   

    $.each(dataObj,function(idx,item){   

    //输出     

    alert(item.id+"哈哈"+item.name);   

}) 

第二种:不需要转化的:

var arr = {"red":{"id":1,"name":"mary"},"blue":{"id":2,"name":"\u71d5\u5b50"}};   

$.each(arr,function(idx,item){   

    //输出   

    alert(item.id+"哈哈"+item.name);   

}) 

循环也有两种方法:

//方法一:
$.each(arr,function(idx,item){        

    //输出   

    alert(item.id+"哈哈"+item.name);   

})  

//方法二:
for(var key in arr){   

    alert(key);   

    alert(arr[key].status);   

} 
Javascript 相关文章推荐
Web版彷 Visual Studio 2003 颜色选择器
Jan 09 Javascript
读jQuery之十四 (触发事件核心方法)
Aug 23 Javascript
表单类各种类型(文本框)失去焦点效果jquery代码
Apr 26 Javascript
js 实现菜单上下显示附效果图
Nov 21 Javascript
HTML页面登录时的JS验证方法
May 28 Javascript
JavaScript使用concat连接数组的方法
Apr 06 Javascript
JavaScript使用DeviceOne开发实战(三)仿微信应用
Dec 02 Javascript
基于jquery实现鼠标左右拖动滑块滑动附源码下载
Dec 23 Javascript
EasyUI Tree树组件无限循环的解决方法
Sep 27 Javascript
javascript中toFixed()四舍五入使用方法详解
Sep 28 Javascript
微信小程序时间戳转日期的详解
Apr 30 Javascript
关于ligerui子页面关闭后,父页面刷新,重新加载的方法
Sep 27 Javascript
js格式化时间小结
Nov 03 #Javascript
解决js下referer兼容各大浏览器的方法
Nov 03 #Javascript
jQuery修改li下的样式以及li下的img的src的值的方法
Nov 02 #Javascript
jQuery中ajax和post处理json的不同示例对比
Nov 02 #Javascript
一款基jquery超炫的动画导航菜单可响应单击事件
Nov 02 #Javascript
加载列表时jquery获取ul中第一个li的属性
Nov 02 #Javascript
基于jquery固定于顶部的导航响应浏览器滚动条事件
Nov 02 #Javascript
You might like
PHP令牌 Token改进版
2008/07/18 PHP
thinkphp3查询mssql数据库乱码解决方法分享
2014/02/11 PHP
php实现上传图片生成缩略图示例
2014/04/13 PHP
ThinkPHP使用心得分享-ThinkPHP + Ajax 实现2级联动下拉菜单
2014/05/15 PHP
完美的2个php检测字符串是否是utf-8编码函数分享
2014/07/28 PHP
PHP中phar包的使用教程
2017/06/14 PHP
PHP设计模式之观察者模式定义与用法分析
2019/04/04 PHP
jquery自动完成插件(autocomplete)应用之PHP版
2009/12/15 Javascript
基于jQuery的input输入框下拉提示层(自动邮箱后缀名)
2012/06/14 Javascript
在其他地方你学不到的jQuery小贴士和技巧(欢迎收藏)
2016/01/20 Javascript
微信js-sdk分享功能接口常用逻辑封装示例
2016/10/13 Javascript
jquery插件ContextMenu设置右键菜单
2017/03/13 Javascript
template.js前端模板引擎使用详解
2017/10/10 Javascript
Node.js学习之TCP/IP数据通讯(实例讲解)
2017/10/11 Javascript
vue实现底部菜单功能
2018/07/24 Javascript
微信小程序学习笔记之获取位置信息操作图文详解
2019/03/29 Javascript
了解在JavaScript中将值转换为字符串的5种方法
2019/06/06 Javascript
微信小程序webview与h5通过postMessage实现实时通讯的实现
2019/08/20 Javascript
详解Nuxt.js 实战集锦
2019/11/19 Javascript
2019最新21个MySQL高频面试题介绍
2020/02/06 Javascript
解决vuecli3中img src 的引入问题
2020/08/04 Javascript
[03:38]TI4西雅图DOTA2前线报道 71专访
2014/07/08 DOTA
[59:35]DOTA2上海特级锦标赛主赛事日 - 3 败者组第三轮#1COL VS Alliance第二局
2016/03/04 DOTA
Python 2.7.x 和 3.x 版本的重要区别小结
2014/11/28 Python
matplotlib设置legend图例代码示例
2017/12/19 Python
浅析Python3爬虫登录模拟
2018/02/07 Python
python+mysql实现教务管理系统
2019/02/20 Python
Python3内置模块pprint让打印比print更美观详解
2019/06/02 Python
简单分析python的类变量、实例变量
2019/08/23 Python
postman传递当前时间戳实例详解
2019/09/14 Python
详解python中的三种命令行模块(sys.argv,argparse,click)
2020/12/15 Python
土地转让协议书范本
2014/04/15 职场文书
警察正风肃纪剖析材料
2014/10/16 职场文书
2014办公室年度工作总结
2014/12/09 职场文书
初中生活随笔
2015/08/15 职场文书
2019大学生暑期实习心得总结
2019/08/21 职场文书