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中设置元素class的三种方法小结
Aug 28 Javascript
node.js中的buffer.Buffer.isEncoding方法使用说明
Dec 14 Javascript
JavaScript前端图片加载管理器imagepool使用详解
Dec 29 Javascript
js实现iGoogleDivDrag模块拖动层拖动特效的方法
Mar 04 Javascript
JS获取iframe中longdesc属性的方法
Apr 01 Javascript
深入分析下javascript中的[]()+!
Jul 07 Javascript
AngularJS实现表单手动验证和表单自动验证
Dec 09 Javascript
使用jQuery监听扫码枪输入并禁止手动输入的实现方法(推荐)
Mar 21 jQuery
H5实现仿flash效果的实现代码
Sep 29 Javascript
JavaScript中的null和undefined用法解析
Sep 30 Javascript
微信小程序如何实现在线客服功能
Oct 16 Javascript
JavaScript数组排序小程序实现解析
Jan 13 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动态编译出现Cannot find autoconf的解决方法
2014/11/05 PHP
php实现简易聊天室应用代码
2015/09/23 PHP
关于php几种字符串连接的效率比较(详解)
2017/02/22 PHP
PHP获取当前执行php文件名的代码
2017/03/02 PHP
thinkPHP5框架设置404、403等http状态页面的方法
2018/06/05 PHP
jQuery 中关于CSS操作部分使用说明
2007/06/10 Javascript
jquery中ajax学习笔记一
2011/10/16 Javascript
js 代码优化点滴记录
2012/02/19 Javascript
完美兼容多浏览器的js判断图片路径代码汇总
2015/04/17 Javascript
Js+php实现异步拖拽上传文件
2015/06/23 Javascript
Vue SSR 组件加载问题
2018/05/02 Javascript
官方推荐react-navigation的具体使用详解
2018/05/08 Javascript
利用nodeJs anywhere搭建本地服务器环境的方法
2018/05/12 NodeJs
用POSTMAN发送JSON格式的POST请求示例
2018/09/04 Javascript
解决vue移动端适配问题
2018/12/12 Javascript
koa大型web项目中使用路由装饰器的方法示例
2019/04/02 Javascript
jquery3和layui冲突导致使用layui.layer.full弹出全屏iframe窗口时高度152px问题
2019/05/12 jQuery
JS严格模式原理与用法实例分析
2020/04/27 Javascript
python中去空格函数的用法
2014/08/21 Python
Python for Informatics 第11章 正则表达式(一)
2016/04/21 Python
详解Swift中属性的声明与作用
2016/06/30 Python
Python Paramiko模块的安装与使用详解
2016/11/18 Python
Python实现的简单模板引擎功能示例
2017/09/02 Python
Python中实现最小二乘法思路及实现代码
2018/01/04 Python
Request的中断和ErrorHandler实例解析
2018/02/12 Python
Python爬虫PyQuery库基本用法入门教程
2018/08/04 Python
对Python 内建函数和保留字详解
2018/10/15 Python
Django xadmin安装及使用详解
2020/10/26 Python
纯CSS3实现带动画效果导航菜单无需js
2013/09/27 HTML / CSS
HTML5 本地存储实现购物车功能
2017/09/07 HTML / CSS
便利店的创业计划书
2014/01/15 职场文书
财务学生的职业生涯发展
2014/02/11 职场文书
2014镇党委书记党建工作汇报材料
2014/11/02 职场文书
2015教师年度考核评语
2015/03/25 职场文书
合理化建议书范文
2015/09/14 职场文书
2015年库房管理工作总结
2015/10/14 职场文书