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 相关文章推荐
CSS和Javascript简单复习资料
Jun 29 Javascript
jQuery语法高亮插件支持各种程序源代码语法着色加亮
Apr 27 Javascript
Ajax提交与传统表单提交的区别说明
Feb 07 Javascript
深入理解javascript作用域和闭包
Sep 23 Javascript
JavaScript获取当前日期是星期几的方法
Apr 06 Javascript
jQuery 3 中的新增功能汇总介绍
Jun 12 Javascript
更靠谱的H5横竖屏检测方法(js代码)
Sep 13 Javascript
纯js模仿windows系统日历
Feb 04 Javascript
JS实现的判断方法、变量是否存在功能示例
Mar 28 Javascript
Angular刷新当前页面的实现方法
Nov 21 Javascript
react native 原生模块桥接的简单说明小结
Feb 26 Javascript
详解vue 不同环境配置不同的打包命令
Apr 07 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
2009/06/29 PHP
php文件服务实现虚拟挂载其他目录示例
2014/04/17 PHP
50个PHP程序性能优化的方法
2014/06/02 PHP
php实现留言板功能(代码详解)
2017/03/28 PHP
PHP数组实际占用内存大小原理解析
2020/12/11 PHP
js版本A*寻路算法
2006/12/22 Javascript
改变javascript函数内部this指针指向的三种方法
2010/04/23 Javascript
js输出列表实现代码
2010/09/12 Javascript
jquery 字符串切割函数substring的用法说明
2014/02/11 Javascript
使用requestAnimationFrame实现js动画性能好
2015/08/06 Javascript
VUE Error: getaddrinfo ENOTFOUND localhost
2018/05/03 Javascript
JavaScript中变量、指针和引用功能与操作示例
2018/08/04 Javascript
使用 vue 实例更好的监听事件及vue实例的方法
2019/04/22 Javascript
解决vue组件中click事件失效的问题
2019/11/09 Javascript
JS快速实现简单计算器
2020/04/08 Javascript
JavaScript ECMA-262-3 深入解析(一):执行上下文实例分析
2020/04/25 Javascript
React生命周期原理与用法踩坑笔记
2020/04/28 Javascript
python 字符串格式化代码
2013/03/17 Python
Python爬虫抓取代理IP并检验可用性的实例
2018/05/07 Python
对python的文件内注释 help注释方法
2018/05/23 Python
对python字典元素的添加与修改方法详解
2018/07/06 Python
python3.5绘制随机漫步图
2018/08/27 Python
Python爬虫破解登陆哔哩哔哩的方法
2020/11/17 Python
HTML5离线应用与客户端存储的实现
2018/05/03 HTML / CSS
美国钻石商店:Zales
2016/11/20 全球购物
Kusmi茶美国官网:优质散叶茶和茶包
2019/10/13 全球购物
毕业生自我鉴定
2013/11/05 职场文书
航空大学应届生求职信
2013/11/10 职场文书
劲霸男装广告词
2014/03/21 职场文书
志愿者活动总结范文
2014/04/26 职场文书
大学计划书范文800字
2014/08/14 职场文书
团员个人总结
2015/02/26 职场文书
邹越演讲观后感
2015/06/15 职场文书
电视新闻稿
2015/07/17 职场文书
关于空气污染危害的感想
2015/08/11 职场文书
2016年三八红旗手先进事迹材料
2016/02/26 职场文书