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 相关文章推荐
利用jQuery的$.event.fix函数统一浏览器event事件处理
Dec 21 Javascript
js arguments对象应用介绍
Nov 28 Javascript
JS防止用户多次提交的简单代码
Aug 01 Javascript
jquery+html5时钟特效代码分享(可设置闹钟并且语音提醒)
Mar 30 Javascript
Javascript数组Array方法解读
Mar 13 Javascript
解决jQuery ajax请求在IE6中莫名中断的问题
Jun 20 Javascript
原生js仿淘宝网商品放大镜效果
Feb 28 Javascript
ionic3 懒加载
Aug 16 Javascript
Flutter 超实用简单菜单弹出框 PopupMenuButton功能
Aug 06 Javascript
Layui 带多选框表格监听事件以及按钮自动点击写法实例
Sep 02 Javascript
JavaScript 中的六种循环方法
Jan 06 Javascript
Vue3中的Refs和Ref详情
Nov 11 Vue.js
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
mac下安装nginx和php
2013/11/04 PHP
PHP随机数 C扩展随机数
2016/05/04 PHP
Redis在Laravel项目中的应用实例详解
2017/08/11 PHP
用javascript来实现动画导航效果的代码
2007/12/16 Javascript
javascript XML数据显示为HTML一例
2008/12/23 Javascript
js中string转int把String类型转化成int类型
2014/08/13 Javascript
jquery中使用循环下拉菜单示例代码
2014/09/24 Javascript
Nodejs爬虫进阶教程之异步并发控制
2016/02/15 NodeJs
基于BootStrap Metronic开发框架经验小结【九】实现Web页面内容的打印预览和保存操作
2016/05/12 Javascript
jQuery使用getJSON方法获取json数据完整示例
2016/09/13 Javascript
vue.js学习笔记之绑定style样式和class列表
2016/10/31 Javascript
详解React Native网络请求fetch简单封装
2017/08/10 Javascript
微信小程序-getUserInfo回调的实例详解
2017/10/27 Javascript
微信小程序实现点击按钮修改文字大小功能【附demo源码下载】
2017/12/06 Javascript
React Native之prop-types进行属性确认详解
2017/12/19 Javascript
详解react、redux、react-redux之间的关系
2018/04/11 Javascript
[原创]jQuery实现合并/追加数组并去除重复项的方法
2018/04/11 jQuery
vue的常用组件操作方法应用分析
2018/04/13 Javascript
jQuery实现的响应鼠标移动方向插件用法示例【附源码下载】
2018/08/28 jQuery
JS实现换肤功能的方法实例详解
2019/01/30 Javascript
jquery实现Ajax请求的几种常见方式总结
2019/05/28 jQuery
vue中 v-for循环的用法详解
2020/02/19 Javascript
python实现图片筛选程序
2018/10/24 Python
python aiohttp的使用详解
2019/06/20 Python
Python类如何定义私有变量
2020/02/03 Python
python使用PIL剪切和拼接图片
2020/03/23 Python
eBay奥地利站:eBay.at
2019/07/24 全球购物
巴西化妆品商店:Lojas Rede
2019/07/26 全球购物
Blue Nile中国官网:全球知名的钻石和珠宝网络零售商
2020/03/22 全球购物
网络工程系信息安全技术专业大学生求职信
2013/10/22 职场文书
师生聚会感言
2014/01/26 职场文书
大学第二课堂活动总结
2014/07/08 职场文书
产品陈列协议书(标准版)
2014/09/17 职场文书
义诊活动通知
2015/04/24 职场文书
党员干部学习心得体会
2016/01/23 职场文书
前端使用svg图片改色实现示例
2022/07/23 HTML / CSS