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 相关文章推荐
js确定对象类型方法
Mar 30 Javascript
javascript实例分享---具有立体效果的图片特效
Jun 08 Javascript
JS实现页面超时后自动跳转到登陆页面
Jan 19 Javascript
js实现图片从左往右渐变切换效果的方法
Feb 06 Javascript
JavaScript全屏和退出全屏事件总结(附代码)
Aug 17 Javascript
IntelliJ IDEA 安装vue开发插件的方法
Nov 21 Javascript
JavaScript中常见内置函数用法示例
May 14 Javascript
Js中将Long转换成日期格式的实现方法
Jun 05 Javascript
JavaScript类的继承操作实例总结
Dec 20 Javascript
微信小程序云开发使用方法新手初体验
May 16 Javascript
JS操作Fckeditor的一些常用方法(获取、插入等)
Feb 19 Javascript
一文读懂vue动态属性数据绑定(v-bind指令)
Jul 20 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
如何使用Gitblog和Markdown建自己的博客
2015/07/31 PHP
浅谈PHP发送HTTP请求的几种方式
2017/07/25 PHP
laravel通用化的CURD的实现
2019/12/13 PHP
jquery 操作日期、星期、元素的追加的实现代码
2012/02/07 Javascript
JavaScript获取图片真实大小代码实例
2014/09/24 Javascript
简述JavaScript中正则表达式的使用方法
2015/06/15 Javascript
Javascript 创建类并动态添加属性及方法的简单实现
2016/10/20 Javascript
canvas绘制多边形
2017/02/24 Javascript
JavaScript 高性能数组去重的方法
2018/09/20 Javascript
解决vuecli3中img src 的引入问题
2020/08/04 Javascript
[36:20]KG vs SECRET 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
Python中用于检查英文字母大写的isupper()方法
2015/05/19 Python
给Python入门者的一些编程建议
2015/06/15 Python
Python+Selenium自动化实现分页(pagination)处理
2017/03/31 Python
基于Django模板中的数字自增(详解)
2017/09/05 Python
python在非root权限下的安装方法
2018/01/23 Python
python时间日期函数与利用pandas进行时间序列处理详解
2018/03/13 Python
点球小游戏python脚本
2018/05/22 Python
Python3.5 Pandas模块之DataFrame用法实例分析
2019/04/23 Python
Python函数装饰器原理与用法详解
2019/08/16 Python
python字典setdefault方法和get方法使用实例
2019/12/25 Python
vscode写python时的代码错误提醒和自动格式化的方法
2020/05/07 Python
使用python采集Excel表中某一格数据
2020/05/14 Python
英国皇家邮政海外旗舰店:Royal Mail
2018/02/21 全球购物
Turnbull & Asser官网:英国皇室御用的顶级定制衬衫
2019/01/31 全球购物
Gloeilampgoedkoop荷兰:在线购买灯泡
2019/02/16 全球购物
俄罗斯在线购买飞机票、火车票、巴士票网站:Tutu.ru
2020/03/16 全球购物
Java方面的关于数组和继承的笔面试题
2015/09/18 面试题
实习单位推荐信范文
2013/11/27 职场文书
建筑工程质量通病防治方案
2014/06/08 职场文书
园林专业毕业生自荐信
2014/07/04 职场文书
单位单身证明样本
2014/10/11 职场文书
个人查摆问题自查报告
2014/10/16 职场文书
酒店财务总监岗位职责
2015/04/03 职场文书
MySQL索引失效场景及解决方案
2022/07/23 MySQL
CSS 鼠标点击拖拽效果的实现代码
2022/12/24 HTML / CSS