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 相关文章推荐
复制小说文本时出现的随机乱码的去除方法
Sep 07 Javascript
简略说明Javascript中的= =(等于)与= = =(全等于)区别
Apr 16 Javascript
基于JQuery制作可编辑的表格特效
Dec 23 Javascript
javascript实现继承的简单实例
Jul 26 Javascript
第七篇Bootstrap表单布局实例代码详解(三种表单布局)
Jun 21 Javascript
Vue方法与事件处理器详解
Dec 01 Javascript
Vue2.0父组件与子组件之间的事件发射与接收实例代码
Sep 19 Javascript
JavaScript数据结构之单链表和循环链表
Nov 28 Javascript
微信小程序自定义对话框弹出和隐藏动画
Jul 19 Javascript
深入理解Vue.js轻量高效的前端组件化方案
Dec 10 Javascript
Vue组件之高德地图地址选择功能的实例代码
Jun 21 Javascript
微信小程序tabBar设置实例解析
Nov 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
PHPMailer发送HTML内容、带附件的邮件实例
2014/07/01 PHP
php实现用手机关闭计算机(电脑)的方法
2015/04/22 PHP
PHP如何将XML转成数组
2016/04/04 PHP
laravel5.6 框架操作数据 Eloquent ORM用法示例
2020/01/26 PHP
33种Javascript 表格排序控件收集
2009/12/03 Javascript
javascript学习笔记(十八) 获得页面中的元素代码
2012/06/20 Javascript
javascript去掉代码里面的注释
2015/07/24 Javascript
JS模拟实现Select效果代码
2015/09/24 Javascript
JavaScript资源预加载组件和滑屏组件的使用推荐
2016/03/10 Javascript
轻松搞定js表单验证
2016/10/13 Javascript
浅析如何利用angular结合translate为项目实现国际化
2016/12/08 Javascript
详解如何在vue中使用sass
2017/06/21 Javascript
JavaScript中各数制转换全面总结
2017/08/21 Javascript
理解Koa2中的async&amp;await的用法
2018/02/05 Javascript
浅谈webpack-dev-server的配置和使用
2018/05/17 Javascript
jQuery实现的导航条点击后高亮显示功能示例
2019/03/04 jQuery
vue-cli项目使用mock数据的方法(借助express)
2019/04/15 Javascript
Vue注册组件命名时不能用大写的原因浅析
2019/04/25 Javascript
[56:41]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 Newbee vs OG
2018/04/01 DOTA
Python正则获取、过滤或者替换HTML标签的方法
2016/01/28 Python
详解设计模式中的工厂方法模式在Python程序中的运用
2016/03/02 Python
利用python微信库itchat实现微信自动回复功能
2017/05/18 Python
让Python更加充分的使用Sqlite3
2017/12/11 Python
怎么使用pipenv管理你的python项目
2018/03/12 Python
pycharm debug功能实现跳到循环末尾的方法
2018/11/29 Python
python矩阵运算,转置,逆运算,共轭矩阵实例
2020/05/11 Python
Python 实现RSA加解密文本文件
2020/12/30 Python
css3边框_动力节点Java学院整理
2017/07/11 HTML / CSS
使用phonegap获取位置信息的实现方法
2017/03/31 HTML / CSS
英国领先的隐形眼镜在线供应商:Lenstore.co.uk
2019/11/24 全球购物
了解AppleShare protocol(AppleShare协议)吗
2015/08/28 面试题
优秀团队获奖感言
2014/02/19 职场文书
试用期自我鉴定范文
2014/03/20 职场文书
幼儿园安全责任书范本
2014/07/24 职场文书
市场营销计划书范文
2015/01/16 职场文书
转变工作作风心得体会
2016/01/23 职场文书