jquery处理json对象
更新时间：2014年11月03日 11:35:46 投稿：hebedich
JSON(JavaScript Object Notation)javscript对象标记，是一种轻量级的数据交换格式。具体的详细基础知识可以参考JSON官网http:/www.json.org/。不说太多废话，直接说说我对JSON的理解吧。
在服务器端的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);
}
相关文章
下面小编就为大家带来一篇jquery显示隐藏元素的实现代码。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
这篇文章主要介绍了jQuery Ajax通用js封装的实例代码，非常不错，具有参考借鉴价值，感兴趣的朋友一起学习吧2016-06-06
这篇文章主要为大家详细介绍了jquery+css实现移动端元素拖动排序，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-02-02
这篇文章主要为大家详细介绍了jQuery树插件zTree的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
由于前端javascript对跨域访问做了安全限制，所以javascript只能访问与包含它的文档在同一域名下的内容，接下来，小编通过此篇文章给大家介绍iframe跨域通信的封装，需要的朋友可以参考下2015-08-08
这篇文章主要介绍了jquery实现鼠标滑过小图时显示大图的方法,涉及图片及鼠标操作的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-01-01
本文是对jquery 强制cookie失效的解决方法进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助2015-05-05
这篇文章主要介绍了jQuery实现全选、反选和不选功能的方法,结合实例形式详细分析了jQuery全选、反选以及不选功能的相关原理、实现方法及操作注意事项,需要的朋友可以参考下2019-12-12
这篇文章主要介绍了jQuery设置图片等比例缩小的方法,涉及jQuery针对页面元素属性动态判定与设置相关操作技巧,需要的朋友可以参考下2017-04-04
对于jQuery对象，只是把each方法简单的进行了委托：把jQuery对象作为第一个参数传递给jQuery的each方法.换句话说：jQuery提供的each方法是对参数一提供的对象的中所有的子元素逐一进行方法调用2010-08-08
最新评论