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 相关文章推荐
Extjs学习笔记之六 面版
Jan 08 Javascript
iframe的onload在Chrome/Opera中执行两次Bug的解决方法
Mar 17 Javascript
JavaScript中__proto__与prototype的关系深入理解
Dec 04 Javascript
用Node.js通过sitemap.xml批量抓取美女图片
May 28 Javascript
js将键值对字符串转为json字符串的方法
Mar 30 Javascript
ES6 中可以提升幸福度的小功能
Aug 06 Javascript
vue自定义全局共用函数详解
Sep 18 Javascript
JavaScript数组排序的六种常见算法总结
Aug 18 Javascript
谈谈node.js中的模块系统
Sep 01 Javascript
微信小程序用户登录和登录态维护的实现
Dec 10 Javascript
利用uni-app生成微信小程序的踩坑记录
Apr 05 Javascript
webpack介绍使用配置教程详解webpack介绍和使用
Jun 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
php准确计算复活节日期的方法
2015/04/18 PHP
thinkPHP简单遍历数组方法分析
2016/05/16 PHP
php基于数组函数实现关联表的编辑操作示例
2017/07/04 PHP
PHP生成随机码的思路与方法实例探索
2019/04/11 PHP
PHP常用函数之base64图片上传功能详解
2019/10/21 PHP
JavaScript TO HTML 转换
2006/06/26 Javascript
node.js中的url.resolve方法使用说明
2014/12/10 Javascript
JS实现适合于后台使用的动画折叠菜单效果
2015/09/21 Javascript
D3.js实现折线图的方法详解
2016/09/21 Javascript
javascript动画之模拟拖拽效果篇
2016/09/26 Javascript
在 Angular 中实现搜索关键字高亮示例
2017/03/21 Javascript
JS FormData上传文件的设置方法
2017/07/05 Javascript
详解Vue项目部署遇到的问题及解决方案
2019/01/11 Javascript
Js实现复选框的全选、全不选反选功能代码实例
2020/02/28 Javascript
JavaScript多种图形实现代码实例
2020/06/28 Javascript
[01:42]辉夜杯战队访谈宣传片—FANTUAN
2015/12/25 DOTA
[56:46]2018DOTA2亚洲邀请赛 3.31 小组赛 B组 VP vs Effect
2018/04/01 DOTA
[01:33:07]VGJ.T vs Newbee Supermajor 败者组 BO3 第一场 6.6
2018/06/07 DOTA
[10:05]DOTA2-DPC中国联赛 正赛 iG vs PSG.LGD 选手采访
2021/03/11 DOTA
python ElementTree 基本读操作示例
2009/04/09 Python
python求众数问题实例
2014/09/26 Python
python spyder中读取txt为图片的方法
2018/04/27 Python
Python的高阶函数用法实例分析
2019/04/11 Python
Python3.8中使用f-strings调试
2019/05/22 Python
python Tkinter的图片刷新实例
2019/06/14 Python
python类中super() 的使用解析
2019/12/19 Python
如何利用Python写个坦克大战
2020/11/18 Python
CSS3 实现图形下落动画效果
2020/11/13 HTML / CSS
html5 canvas绘制放射性渐变色效果
2018/01/04 HTML / CSS
详解HTML5 data-* 自定义属性
2018/01/24 HTML / CSS
俄罗斯眼镜网: optikaworld
2016/07/31 全球购物
保护环境建议书400字
2014/05/13 职场文书
市场营销专业自荐书
2014/06/10 职场文书
喝酒驾驶检讨书
2014/10/01 职场文书
公司禁烟通知
2015/04/23 职场文书
详解Oracle数据库中自带的所有表结构(sql代码)
2021/11/20 Oracle