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 相关文章推荐
Checbox的操作含已选、未选及判断代码
Nov 07 Javascript
jquery delay()介绍及使用指南
Sep 02 Javascript
Javascript保存网页为图片借助于html2canvas库实现
Sep 05 Javascript
JS应用正则表达式转换大小写示例
Sep 18 Javascript
javascript感应鼠标图片透明度显示的方法
Feb 24 Javascript
Bootstrap4一次重大更新 几乎涉及每行代码
May 16 Javascript
AngularJS应用开发思维之依赖注入3
Aug 19 Javascript
vue模板语法-插值详解
Mar 06 Javascript
浅谈Angular2 ng-content 指令在组件中嵌入内容
Aug 18 Javascript
vue 实现axios拦截、页面跳转和token 验证
Jul 17 Javascript
vue中filters 传入两个参数 / 使用两个filters的实现方法
Jul 15 Javascript
解决vue中使用proxy配置不同端口和ip接口问题
Aug 14 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
codeigniter框架The URI you submitted has disallowed characters错误解决方法
2014/05/06 PHP
JavaScript与HTML结合的基本使用方法整理
2015/10/12 PHP
在 Laravel 6 中缓存数据库查询结果的方法
2019/12/11 PHP
javascript setTimeout和setInterval计时的区别详解
2013/06/21 Javascript
类似php的js数组的in_array函数自定义方法
2013/12/27 Javascript
JavaScript中Cookie操作实例
2015/01/09 Javascript
JS提交form表单实例分析
2015/12/10 Javascript
JavaScript中Textarea滚动条不能拖动的解决方法
2015/12/15 Javascript
快速解决js动态改变dom元素属性后页面及时渲染的问题
2016/07/06 Javascript
关于动态生成dom绑定事件失效的原因及解决方法
2016/08/06 Javascript
Bootstrap Table表格一直加载(load)不了数据的快速解决方法
2016/09/17 Javascript
打造自己的jQuery插件入门教程
2016/09/23 Javascript
微信小程序 列表的上拉加载和下拉刷新的实现
2017/04/01 Javascript
jQuery中过滤器的基本用法示例
2017/10/11 jQuery
Vue 动态组件components和v-once指令的实现
2019/08/30 Javascript
Jquery使用each函数实现遍历及数组处理
2020/07/14 jQuery
vue实现在进行增删改操作后刷新页面
2020/08/05 Javascript
详解JavaScript之Array.reduce源码解读
2020/11/01 Javascript
vue3 watch和watchEffect的使用以及有哪些区别
2021/01/26 Vue.js
[52:06]FNATIC vs NIP 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
Python用threading实现多线程详解
2017/02/03 Python
解决Python3用PIL的ImageFont输出中文乱码的问题
2019/08/22 Python
使用OpenCV去除面积较小的连通域
2020/07/05 Python
python安装第三方库如xlrd的方法
2020/10/31 Python
python中判断数字是否为质数的实例讲解
2020/12/06 Python
详解通过变换矩阵实现canvas的缩放功能
2019/01/14 HTML / CSS
Html5 webRTC简单实现视频调用的示例代码
2020/09/23 HTML / CSS
Theflamel意大利:女士奢华服装、鞋子和配件
2020/01/11 全球购物
如何启动时不需输入用户名与密码
2014/05/09 面试题
华三通信H3C面试题
2015/05/15 面试题
党员批评与自我批评范文
2014/09/23 职场文书
裁员通知
2015/04/25 职场文书
毕业设计致谢语
2015/05/14 职场文书
请病假条范文
2015/08/17 职场文书
Python 如何安装Selenium
2021/05/06 Python
MySQL数据库⾼可⽤HA实现小结
2022/01/22 MySQL