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 相关文章推荐
MooTools 1.2介绍
Sep 14 Javascript
JavaScript不使用prototype和new实现继承机制
Dec 29 Javascript
JavaScript DOM基础
Apr 13 Javascript
Javascript类型转换的规则实例解析
Feb 23 Javascript
微信小程序 教程之WXSS
Oct 18 Javascript
微信小程序 配置文件详细介绍
Dec 14 Javascript
浅谈MUI框架中加载外部网页或服务器数据的方法
Jan 31 Javascript
AngularJS下$http服务Post方法传递json参数的实例
Mar 29 Javascript
JS实现的倒计时恢复按钮点击功能【可用于协议阅读倒计时】
Apr 19 Javascript
对node通过fs模块判断文件是否是文件夹的实例讲解
Jun 10 Javascript
bootstrap-table后端分页功能完整实例
Jun 01 Javascript
原生js实现自定义滚动条
Jan 20 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字符串 ==比较运算符的副作用
2009/10/21 PHP
PHP提取字符串中的图片地址[正则表达式]
2011/11/12 PHP
11个PHPer必须要了解的编程规范
2014/09/22 PHP
如何用PHP来实现一个动态Web服务器
2015/07/29 PHP
PHP实现的线索二叉树及二叉树遍历方法详解
2016/04/25 PHP
php die()与exit()的区别实例详解
2016/12/03 PHP
PHP面向对象五大原则之依赖倒置原则(DIP)详解
2018/04/08 PHP
用js生产批量批处理执行命令
2008/07/28 Javascript
基于jquery的滚动条滚动固定div(附演示下载)
2012/10/29 Javascript
JS数组的常见用法实例
2015/02/10 Javascript
jQuery控制cookie过期时间的方法
2015/04/07 Javascript
Angular2学习教程之组件中的DOM操作详解
2017/05/28 Javascript
vue mounted组件的使用
2018/06/18 Javascript
Nuxt.js SSR与权限验证的实现
2018/11/21 Javascript
JS开发 富文本编辑器TinyMCE详解
2019/07/19 Javascript
vue路由切换时取消之前的所有请求操作
2020/09/01 Javascript
ES6 十大特性简介
2020/12/09 Javascript
[00:32]2018DOTA2亚洲邀请赛Mineski出场
2018/04/04 DOTA
python正则匹配查询港澳通行证办理进度示例分享
2013/12/27 Python
Python中使用PDB库调试程序
2015/04/05 Python
Python实现查找系统盘中需要找的字符
2015/07/14 Python
python 2.7.14安装图文教程
2018/04/08 Python
Python对列表的操作知识点详解
2019/08/20 Python
基于python判断目录或者文件代码实例
2019/11/29 Python
一款恶搞头像特效的制作过程 利用css3和jquery
2014/11/21 HTML / CSS
英国知名化妆品网站:Revolution Beauty(原TAM Beauty)
2018/02/28 全球购物
欧洲、亚洲、非洲和拉丁美洲的度假套餐:Great Value Vacations
2019/03/30 全球购物
波兰在线儿童和婴儿用品零售商:pinkorblue
2019/06/29 全球购物
大学新生欢迎词
2014/01/10 职场文书
气象学专业个人求职信
2014/03/15 职场文书
公司捐款倡议书
2014/05/14 职场文书
2015年教学管理工作总结
2015/05/20 职场文书
莫言获奖感言(全文)
2015/07/31 职场文书
入党申请书格式
2019/06/20 职场文书
加薪申请书应该这样写!
2019/07/04 职场文书
教你用eclipse连接mysql数据库
2021/04/22 MySQL