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 相关文章推荐
用正则表达式 动态创建/增加css style script 兼容IE firefox
Mar 10 Javascript
JavaScript高级程序设计阅读笔记(五) ECMAScript中的运算符(一)
Feb 27 Javascript
js获取TreeView控件选中节点的Text和Value值的方法
Nov 24 Javascript
jQuery ReferenceError: $ is not defined 错误的处理办法
May 10 Javascript
js前端实现图片懒加载(lazyload)的两种方式
Apr 24 Javascript
微信小程序自定义模态对话框实例详解
Aug 16 Javascript
Vue 实现拖动滑块验证功能(只有css+js没有后台验证步骤)
Aug 24 Javascript
layer弹出层自定义提交取消按钮的例子
Sep 10 Javascript
vue.js实现三级菜单效果
Oct 19 Javascript
vue下的@change事件的实现
Oct 25 Javascript
原生js实现无缝轮播图
Jan 11 Javascript
详解nginx配置vue h5 history去除#号
Nov 09 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 删除文件与文件夹操作 unlink()与rmdir()这两个函数的使用
2011/07/17 PHP
thinkPHP引入类的方法详解
2016/12/08 PHP
PHP7.3.10编译安装教程
2019/10/08 PHP
JavaScript 应用类库代码
2008/06/02 Javascript
JavaScript 学习点滴记录
2009/04/24 Javascript
jQuery $.each的用法说明
2010/03/22 Javascript
Dom 是什么的详细说明
2010/10/25 Javascript
JQuery 弹出框定位实现方法
2010/12/02 Javascript
关于jquery的多个选择器的使用示例
2013/10/18 Javascript
浅析jQuery1.8的几个小变化
2013/12/10 Javascript
js类型转换与引用类型详解(Boolean_Number_String)
2014/03/07 Javascript
JQuery实现带排序功能的权限选择实例
2015/05/18 Javascript
非常漂亮的相册集 使用jquery制作相册集
2016/04/28 Javascript
JS实现左右无缝轮播图代码
2016/05/01 Javascript
想学习javascript JS和jQuery哪个重要 先学哪个
2016/12/11 Javascript
基于JQuery及AJAX实现名人名言随机生成器
2017/02/10 Javascript
关于jQuery库冲突的完美解决办法
2017/05/20 jQuery
详解html-webpack-plugin用法全解
2018/01/22 Javascript
vue+echarts实现可拖动节点的折线图(支持拖动方向和上下限的设置)
2019/04/12 Javascript
JS关闭子窗口并且刷新上一个窗口的实现示例
2020/03/10 Javascript
Vue+Element-U实现分页显示效果
2020/11/15 Javascript
python实现的守护进程(Daemon)用法实例
2015/06/02 Python
Python2随机数列生成器简单实例
2017/09/04 Python
浅谈python和C语言混编的几种方式(推荐)
2017/09/27 Python
django传值给模板, 再用JS接收并进行操作的实例
2018/05/28 Python
python实现一个点绕另一个点旋转后的坐标
2019/12/04 Python
Jupyter Notebook打开任意文件夹操作
2020/04/14 Python
Python如何合并多个字典或映射
2020/07/24 Python
聊聊Python pandas 中loc函数的使用,及跟iloc的区别说明
2021/03/03 Python
使用HTML5中的contentEditable来将多行文本自动增高
2016/03/01 HTML / CSS
迪卡侬荷兰官网:Decathlon荷兰
2017/10/29 全球购物
大学生的应聘自我评价
2013/12/13 职场文书
外语系毕业生求职自荐信
2014/04/12 职场文书
涉密人员保密承诺书
2014/05/28 职场文书
优秀学生干部事迹材料
2014/12/24 职场文书
保洁员岗位职责
2015/02/04 职场文书