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 相关文章推荐
在b/s开发中经常用到的javaScript技术
Aug 23 Javascript
修改发贴的编辑功能
Mar 07 Javascript
Javascript 遍历页面text控件详解
Jan 06 Javascript
使用Javascript简单实现图片无缝滚动
Dec 05 Javascript
JavaScript不使用prototype和new实现继承机制
Dec 29 Javascript
Vue.js每天必学之计算属性computed与$watch
Sep 05 Javascript
Javascript实现页面滚动时导航智能定位
May 06 Javascript
bootstrap表单示例代码分享
May 18 Javascript
JavaScript中三个等号和两个等号你了解多少
Jul 04 Javascript
vue头部导航动态点击处理方法
Nov 02 Javascript
解决layUI的页面显示不全的问题
Sep 20 Javascript
JavaScript 俄罗斯方块游戏实现方法与代码解释
Apr 08 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/12/22 PHP
PHP 导出数据到淘宝助手CSV的方法分享
2010/02/27 PHP
PHP+jquery+ajax实现即时聊天功能实例
2014/12/23 PHP
YII动态模型(动态表名)支持分析
2016/03/29 PHP
js的表单操作 简单计算器
2011/12/29 Javascript
ajax页面无刷新 IE下遭遇Ajax缓存导致数据不更新的问题
2012/12/11 Javascript
使用javascript:将其它类型值转换成布尔类型值的解决方法详解
2013/05/07 Javascript
跟我学习javascript的定时器
2015/11/19 Javascript
JS正则表达式比较常见用法
2016/01/26 Javascript
在AngularJS框架中处理数据建模的方式解析
2016/03/05 Javascript
JavaScript模拟push
2016/03/06 Javascript
简单封装js的dom查询实例代码
2016/07/08 Javascript
JS基础随笔(菜鸟必看篇)
2016/07/13 Javascript
Vuejs第一篇之入门教程详解(单向绑定、双向绑定、列表渲染、响应函数)
2016/09/09 Javascript
AngularJS自定义指令实现面包屑功能完整实例
2017/05/17 Javascript
详解React-Router中Url参数改变页面不刷新的解决办法
2018/05/08 Javascript
JS实现根据指定值删除数组中的元素操作示例
2018/08/02 Javascript
Vue 实现列表动态添加和删除的两种方法小结
2018/09/07 Javascript
微信小程序scroll-view实现滚动到锚点左侧导航栏点餐功能(点击种类,滚动到锚点)
2020/06/11 Javascript
[06:37]2014DOTA2国际邀请赛 昔日王者渴望重回巅峰
2014/07/12 DOTA
批量获取及验证HTTP代理的Python脚本
2017/04/23 Python
浅谈Django中的数据库模型类-models.py(一对一的关系)
2018/05/30 Python
Python实现多态、协议和鸭子类型的代码详解
2019/05/05 Python
详解Python Qt的窗体开发的基本操作
2019/07/14 Python
详细整理python 字符串(str)与列表(list)以及数组(array)之间的转换方法
2019/08/30 Python
python sklearn常用分类算法模型的调用
2019/10/16 Python
keras读取h5文件load_weights、load代码操作
2020/06/12 Python
django使用graphql的实例
2020/09/02 Python
python3爬虫中多线程进行解锁操作实例
2020/11/25 Python
html5简介及新增功能介绍
2020/05/18 HTML / CSS
Ralph Lauren法国官网:美国高品味时装品牌
2017/12/08 全球购物
英国婚礼商城:Wedding Mall
2019/11/02 全球购物
西班牙在线药店:DosFarma
2020/03/28 全球购物
党校培训自我鉴定范文
2014/03/20 职场文书
小学数学课后反思
2014/04/23 职场文书
旷课检讨书500字
2014/10/14 职场文书