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 相关文章推荐
Mootools 1.2教程 类(一)
Sep 15 Javascript
写出更好的JavaScript之undefined篇(上)
Nov 22 Javascript
仿百度的关键词匹配搜索示例
Sep 25 Javascript
Visual Studio中js调试的方法图解
Jun 30 Javascript
jQuery中animate动画第二次点击事件没反应
May 07 Javascript
javascript+html5实现绘制圆环的方法
Jul 28 Javascript
详解JavaScript的AngularJS框架中的表达式与指令
Mar 05 Javascript
写给小白看的JavaScript异步
Nov 29 Javascript
Vue.js做select下拉列表的实例(ul-li标签仿select标签)
Mar 02 Javascript
react router4+redux实现路由权限控制的方法
May 03 Javascript
使用jQuery动态设置单选框的选中效果
Dec 06 jQuery
js实现小时钟效果
Mar 25 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
自动分页的不完整解决方案
2007/01/12 PHP
ThinkPHP5&amp;5.1实现验证码的生成、使用及点击刷新功能示例
2020/02/07 PHP
最近项目写了一些js,水平有待提高
2009/01/31 Javascript
jquery选择器(常用选择器说明)
2010/09/28 Javascript
jQuery性能优化的38个建议
2014/03/04 Javascript
jquery的ajax异步请求接收返回json数据实例
2014/06/16 Javascript
js拼接html注意问题示例探讨
2014/07/14 Javascript
JavaScript 学习笔记之操作符(续)
2015/01/14 Javascript
jQuery控制cookie过期时间的方法
2015/04/07 Javascript
javascript中的previousSibling和nextSibling的正确用法
2015/09/16 Javascript
JS实现的网页背景闪电闪烁效果代码
2015/10/17 Javascript
JS+Canvas 实现下雨下雪效果
2016/05/18 Javascript
完美JQuery图片切换效果的简单实现
2016/07/21 Javascript
微信小程序 wxapp画布 canvas详细介绍
2016/10/31 Javascript
小程序实现投票进度条
2019/11/20 Javascript
js绘制一条直线并旋转45度
2020/08/21 Javascript
Python实现的简单万年历例子分享
2014/04/25 Python
对于Python的框架中一些会话程序的管理
2015/04/20 Python
详解用TensorFlow实现逻辑回归算法
2018/05/02 Python
python实现简单银行管理系统
2019/10/25 Python
python3实现用turtle模块画一棵随机樱花树
2019/11/21 Python
Pycharm debug调试时带参数过程解析
2020/02/03 Python
python中怎么表示空值
2020/06/19 Python
Sunglasses Shop荷兰站:英国最大的太阳镜独立在线零售商和供应商
2017/01/08 全球购物
资深生产主管自我评价
2013/09/22 职场文书
医学院学生的自我评价分享
2013/11/19 职场文书
硕士研究生个人求职信
2013/12/04 职场文书
给护士表扬信
2014/01/19 职场文书
优秀企业获奖感言
2014/02/01 职场文书
煤矿机修工岗位职责
2014/02/07 职场文书
普通党员个人剖析材料
2014/10/08 职场文书
中标通知书格式
2015/04/17 职场文书
经费申请报告范文
2015/05/18 职场文书
教师见习总结范文
2015/06/23 职场文书
PyCharm配置KBEngine快速处理代码提示冲突、配置命令问题
2021/04/03 Python
Win11无法访问设备和打印机 如何解决页面空白
2022/04/09 数码科技