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 相关文章推荐
javascript学习之闭包分析
Dec 02 Javascript
js中arguments的用法(实例讲解)
Nov 30 Javascript
node.js中的fs.readlink方法使用说明
Dec 17 Javascript
Javascript中的getUTCDay()方法使用详解
Jun 10 Javascript
使用Node.js配合Nginx实现高负载网络
Jun 28 Javascript
JS自定义选项卡函数及用法实例分析
Sep 02 Javascript
浅谈Angular.js中使用$watch监听模型变化
Jan 10 Javascript
JavaScript canvas实现围绕旋转动画
Nov 18 Javascript
移动端图片上传旋转、压缩问题的方法
Oct 16 Javascript
Nuxt.js SSR与权限验证的实现
Nov 21 Javascript
详解在微信小程序的JS脚本中使用Promise来优化函数处理
Mar 06 Javascript
解决vue初始化项目一直停在downloading template的问题
Nov 09 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
Windows 下的 PHP-PEAR 安装方法
2010/11/20 PHP
允许phpmyadmin空密码登录的配置方法
2011/05/29 PHP
CI框架入门示例之数据库取数据完整实现方法
2014/11/05 PHP
PHP实现数组向任意位置插入,删除,替换数据操作示例
2019/04/05 PHP
用js实现判断当前网址的来路如果不是指定的来路就跳转到指定页面
2011/05/02 Javascript
js data日期初始化的5种方法
2013/12/29 Javascript
ext combobox动态加载数据库数据(附前后台)
2014/06/17 Javascript
推荐25个超炫的jQuery网格插件
2014/11/28 Javascript
js父页面中使用子页面的方法
2016/01/09 Javascript
Vue.js进行查询操作的实例详解
2017/08/25 Javascript
jQuery UI Draggable + Sortable 结合使用(实例讲解)
2017/09/07 jQuery
vue+swiper实现组件化开发的实例代码
2017/10/26 Javascript
微信小程序实现tab和swiper切换结合效果
2020/07/17 Javascript
bootstrap table支持高度百分比的实例代码
2018/02/28 Javascript
微信小程序吸底区域适配iPhoneX的实现
2020/04/09 Javascript
JavaScript eval()函数定义及使用方法详解
2020/07/07 Javascript
Javascript confirm多种使用方法解析
2020/09/25 Javascript
在Vue中使用mockjs代码实例
2020/11/25 Vue.js
js数组的基本使用总结
2021/01/18 Javascript
[01:00:11]DOTA2-DPC中国联赛 正赛 CDEC vs DLG BO3 第一场 2月7日
2021/03/11 DOTA
Python中强大的命令行库click入门教程
2016/12/26 Python
浅谈pytorch卷积核大小的设置对全连接神经元的影响
2020/01/10 Python
Python sqlite3查询操作过程解析
2020/02/20 Python
HTML5的革新 结构之美
2011/06/20 HTML / CSS
mui几种页面跳转方式对比总结概括
2017/08/18 HTML / CSS
草莓网化妆品日本站:Strawberrynet日本
2017/10/20 全球购物
linux系统都有哪些运行级别
2012/04/15 面试题
Windows和Linux动态库应用异同
2016/07/28 面试题
应届生财务会计求职信
2013/11/05 职场文书
社区活动邀请函范文
2014/01/29 职场文书
父母寄语大全
2014/04/12 职场文书
弘扬雷锋精神演讲稿
2014/05/10 职场文书
2014教师教育实践活动对照检查材料思想汇报
2014/09/21 职场文书
2015年初中教师个人工作总结
2015/07/21 职场文书
幼儿园师德师风心得体会
2016/01/12 职场文书
什么是执行力?9个故事告诉您:成功绝非偶然!
2019/07/05 职场文书