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 判断指定字符串是否为有效数字
May 11 Javascript
用jQuery模拟页面加载进度条的实现代码
Dec 19 Javascript
jQuery jcrop插件截图使用方法
Nov 20 Javascript
jQuery中:button选择器用法实例
Jan 04 Javascript
使用console进行性能测试
Apr 27 Javascript
深入理解JavaScript编程中的同步与异步机制
Jun 24 Javascript
jQuery实现手机版页面翻页效果的简单实例
Oct 05 Javascript
vue.js 表格分页ajax 异步加载数据
Oct 18 Javascript
node错误处理与日志记录的实现
Dec 24 Javascript
vue的keep-alive中使用EventBus的方法
Apr 23 Javascript
微信小程序页面传多个参数跳转页面的实现方法
May 17 Javascript
在vue-cli3中使用axios获取本地json操作
Jul 30 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
Terran建筑一览
2020/03/14 星际争霸
深入PHP内存相关的功能特性详解
2013/06/08 PHP
解析php中curl_multi的应用
2013/07/17 PHP
php 字符串压缩方法比较示例
2014/01/23 PHP
ubutu 16.04环境下,PHP与mysql数据库,网页登录验证实例讲解
2017/07/20 PHP
JavaScript实现简单Tip提示框效果
2016/04/20 Javascript
JavaScript中实现键值对应的字典与哈希表结构的示例
2016/06/12 Javascript
javascript实现随机生成DIV背景色
2016/06/20 Javascript
jQuery实现遮罩层登录对话框
2016/12/29 Javascript
js实现简单的获取验证码按钮效果
2017/03/03 Javascript
微信小程序 参数传递实例代码
2017/03/20 Javascript
浅谈jQuery框架Ajax常用选项
2017/07/08 jQuery
ReactNative Image组件使用详解
2017/08/07 Javascript
vue移动UI框架滑动加载数据的方法
2018/03/12 Javascript
vue实现的树形结构加多选框示例
2019/02/02 Javascript
ES6函数实现排它两种写法解析
2020/05/13 Javascript
Nuxt pages下不同的页面对应layout下的页面布局操作
2020/11/05 Javascript
浅谈vue在html中出现{{}}的原因及解决方式
2020/11/16 Javascript
[45:52]完美世界DOTA2联赛PWL S3 Forest vs INK ICE 第二场 12.09
2020/12/12 DOTA
python修改注册表终止360进程实例
2014/10/13 Python
Python搭建Keras CNN模型破解网站验证码的实现
2020/04/07 Python
Python绘制词云图之可视化神器pyecharts的方法
2021/02/23 Python
关于HTML5你必须知道的28个新特性,新技巧以及新技术
2012/05/28 HTML / CSS
美国女性卫生用品公司:Thinx
2017/06/30 全球购物
朗仕(Lab series)英国官网:雅诗兰黛集团男士专属护肤品牌
2017/11/28 全球购物
为有想象力的人提供的生活方式商店:Firebox
2018/06/04 全球购物
印度尼西亚手表和包包商店:Urban Icon
2019/12/12 全球购物
乔布斯斯坦福大学演讲稿
2014/05/23 职场文书
大学迎新标语
2014/06/26 职场文书
2014年度考核工作总结
2014/12/24 职场文书
社区元宵节活动总结
2015/02/06 职场文书
高中生思想道德自我评价
2015/03/09 职场文书
2015年推普周活动方案
2015/05/06 职场文书
大学学生会主席竞选稿怎么写?
2019/08/19 职场文书
vue使用v-model进行跨组件绑定的基本实现方法
2021/04/28 Vue.js
利用Python脚本写端口扫描器socket,python-nmap
2022/07/23 Python