`
dcj3sjt126com
  • 浏览: 1836914 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery处理json对象

    博客分类:
  • PHP
 
阅读更多
 jquery处理json对像。
 
在服务器断的脚本:
 
<?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);
 }
 
大家可以试试效果。
分享到:
评论

相关推荐

    JQuery处理json与ajax返回JSON实例代码

    JSON中对象通过”{}”来标识,一个”{}”代表一个对象,如{“AreaId”:”123″},对象的值是键值对的形式(key:value)。  “[]”,标识数组,数组内部各个数据之间通过”,”分割,如[“AreaId”:”123″,”...

    jquery-autoComplete 处理返回的json对象问题

    NULL 博文链接:https://shaozhen.iteye.com/blog/1145246

    在jQuery和MVC中处理JSON对象

    本文使用一个简单的示例来回答在jQuery和MVC中使用JSON对象时的一些常见问题。

    jQuery getJSON 处理json数据的代码

    Ashx处理程序:如果需要返回json格式的对象,需要把mime类型设置为:"application/json"。

    struts2 Ajax json Jquery demo

    使用JQuery传递数据到struts action ,并返回JSON对象数据,在JQuery回调函数解析数据的,Ajax异步处理的小测试

    JQuery ajax返回JSON时的处理方式 (三种方式)

    最近在使用JQuery的ajax方法时,要求返回的数据为json数据,在处理的过程中遇到下面的几个问题,那就是采用不同的方式来生成json数据的时候,在$.ajax方法中应该是如何来处理的,下面依次来进行说明,由于本人使用的...

    jquery对Json的各种遍历方法总结(必看篇)

    同时,JSON是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。 在JSON中,有两种结构:对象和数组。 1.对象 一个对象以“{”开始,“}”结束。每个“key”后跟一“:”...

    Json 2.3常用完整Jar包

    Json 2.3常用的Jar包集合,奔包所集合的Jar文件足够支撑JQuery或者JavaScript原生Ajax的Json对象的处理。喜欢就下载吧~

    jsForm:jQuery库,用于将html表单与json连接。 这允许使用json数据自动填充html表单并检索更改。 即使是收藏品和更深的物品

    基于jQuery的表单库,该库允许您使用纯HTML表单处理javascript对象(例如来自JSON请求)中的数据。 这是一个库,它允许html和javascript对象之间的绑定(如所述),这与其他类库(如或类似。 JsForm只负责html中...

    ajax获得json对象数组 循环输出数据的方法

    今天小编就为大家分享一篇ajax获得json对象数组 循环输出数据的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

    jQuery asp.net 用json格式返回自定义对象

    客户端用一个html页面调用一个ashx文件(一般http处理程序),返回 json格式的自定义对象: html: 代码如下: &lt;!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ...

    将JavaScript的jQuery库中表单转化为JSON对象的方法

    主要介绍了将JavaScript的jQuery库中表单转化为JSON对象的方法,包括对序列化时空格问题的处理方法,需要的朋友可以参考下

    jQuery 1.4.1 中文参考

    11.2.10 jQuery.parseJSON(json) 189 11.3 函数操作 190 11.3.1 jQuery.noop 190 11.3.2 jQuery.proxy(function, scope) 190 11.4 测试操作 191 11.4.1 jQuery.contains(container, contained) 191 11.4.2 jQuery....

    JQuery级联下拉

    客户端可以使用JavaScript来解析和处理JSON数据,以便更新下拉框的选项。 在实现级联下拉框时,我们需要注意以下几点: 1. 在服务器端需要返回正确的JSON数据,以便客户端能够正确地解析和处理数据。 2. 在客户端...

    在jQuery中 关于json空对象筛选替换

    一个json object,并且可能包含一些空值或者空字符串,在页面显示的时候希望遇到空值显示“N/A”,但是有一部分值是允许空值的。因此希望通过筛选将空值设为“N/A”.例如希望学生的“age”和“score”如果为空显示...

    jQuery权威指南-源代码

    6.1.3 jQuery中的全局函数getJSON()/164 6.1.4 jQuery中的全局函数getScript()/166 6.1.5 jQuery中异步加载XML文档/168 6.2 请求服务器数据/170 6.2.1 $.get()请求数据/170 6.2.2 $.post()请求数据/172 6.2.3...

    jquery插件使用方法大全

    延迟对象 延迟对象(Deferred Object,jQuery.Deferred对象)是一个可链接的(chainable)实用工具对象,实现了Promise接口,可以在回调队列中注册多个回调、调用回调队列并转发任何同步/异步函数的成败状态。...

    JavaScript & jQuery 交互式Web前端开发

    更高效的学习JavaScript和jQuery,快速成为一名Web前端工程师,零基础快速掌握 作者:(美)达科特(Duckett, J.)出版社:...第8章 Ajax与JSON 第9章 API 第10章 错误处理与调试 第11章 内容面板 第12章 筛选、搜索与排序

Global site tag (gtag.js) - Google Analytics