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图片自适应大小
Nov 28 Javascript
jQuery验证Checkbox是否选中的代码 推荐
Sep 04 Javascript
javascript利用apply和arguments复用方法
Nov 25 Javascript
js实现单击图片放大图片的方法
Feb 17 Javascript
javascript实现客户端兼容各浏览器创建csv并下载的方法
Mar 23 Javascript
js限制input标签中只能输入中文
Jun 26 Javascript
select下拉框插件jquery.editable-select详解
Jan 22 Javascript
vue的.vue文件是怎么run起来的(vue-loader)
Dec 10 Javascript
vue 获取及修改store.js里的公共变量实例
Nov 06 Javascript
基于javascript实现碰撞检测
Mar 12 Javascript
GitHub上77.9K的Axios项目有哪些值得借鉴的地方详析
Jun 15 Javascript
一篇文章弄清楚Ajax请求的五个步骤
Mar 17 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 注释规范
2012/03/29 PHP
一个非常完美的读写ini格式的PHP配置类分享
2015/02/12 PHP
FleaPHP框架数据库查询条件($conditions)写法总结
2016/03/19 PHP
win10环境PHP 7 安装配置【教程】
2016/05/09 PHP
PHP 搜索查询功能实现
2016/11/29 PHP
php使用正则表达式获取字符串中的URL
2016/12/29 PHP
PHP编程文件处理类SplFileObject和SplFileInfo用法实例分析
2017/07/22 PHP
jValidate 基于jQuery的表单验证插件
2009/12/12 Javascript
初学js 新节点的创建 删除 的步骤
2011/07/04 Javascript
javascript结合html5 canvas实现(可调画笔颜色/粗细/橡皮)的涂鸦板
2013/04/27 Javascript
浅谈JavaScript的事件
2015/02/27 Javascript
chrome浏览器当表单自动填充时如何去除浏览器自动添加的默认样式
2015/10/09 Javascript
基于Vue如何封装分页组件
2016/12/16 Javascript
详解微信小程序 登录获取unionid
2017/06/27 Javascript
Angular实现的简单查询天气预报功能示例
2017/12/27 Javascript
Express进阶之log4js实用入门指南
2018/02/10 Javascript
几个你不知道的技巧助你写出更优雅的vue.js代码
2018/06/11 Javascript
webpack4打包vue前端多页面项目
2018/09/17 Javascript
vue实现添加与删除图书功能
2018/10/07 Javascript
js实现的格式化数字和金额功能简单示例
2019/07/30 Javascript
nodejs对mongodb数据库的增加修删该查实例代码
2020/01/05 NodeJs
详解elementUI中input框无法输入的问题
2020/04/27 Javascript
[01:34:42]NAVI vs EG 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
在Python的一段程序中如何使用多次事件循环详解
2017/09/07 Python
Python实现PS滤镜的旋转模糊功能示例
2018/01/20 Python
Python object类中的特殊方法代码讲解
2020/03/06 Python
pycharm激活码快速激活及使用步骤
2020/03/12 Python
HTML5 canvas画图并保存成图片的jcanvas插件
2014/01/17 HTML / CSS
六查六看剖析材料
2014/02/15 职场文书
服务承诺口号
2014/05/22 职场文书
妇联领导班子剖析材料
2014/08/21 职场文书
手机被没收的检讨书
2014/10/04 职场文书
简易离婚协议书范本2014
2014/10/15 职场文书
律师函格式范本
2015/05/27 职场文书
导游词之西湖雷峰塔
2019/09/18 职场文书
Python+Matplotlib图像上指定坐标的位置添加文本标签与注释
2022/04/11 Python