`

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

 
阅读更多
一、JSON的一些基础知识
JSON中对象通过"{}"来标识,一个"{}"代表一个对象,如{"AreaId":"123"},对象的值是键值对的形式(key:value)。
"[]",标识数组,数组内部各个数据之间通过","分割,如["AreaId":"123","AreaId":"345"]。
很多情况下是对象数组,那就是这样:
[{"AreaId":"123"},{"AreaId":"345"}]

其实数组也是一个对象,上面的格式也可以写成这样:
{"Area":[{"AreaId":"123"},{"AreaId":"345"}]}


这表示一个Area对象,他有两个子数据,每个子数据也是一个对象,每个子对象都是AreaId。
JSON中字符串和字符的定义格式和一般的类C语言定义是类似的,双引号定义字符串,单引号定义字符。
JSON的键(Key)用双引号括起来,比如上面的"Area"和"AreaId",都是用双引号括起来的,在一些语言中构造JSON字符串的时候,可以使用转义字符转义双引号。
二、javascript操作JSON字符
1、先要区分JSON字符串和JSON对象
JSON字符串:
Var strJSON = "{"Area":[{"AreaId":"123"},{"AreaId":"345"}]}",


其实也可以写成这样:

Var strJSON = ‘{"Area":[{"AreaId":"123"},{"AreaId":"345"}]}',


这表示一个JSON字符串,由于在Js中单引号和双引号都可以表示一个字符串,所以上面第一个使用双引号和第二个使用单引号的都表示一个JSON字符串。
下面看看JSON对象

var JSON = {"Area":[{"AreaId":"123"},{"AreaId":"345"}]},


看到了吧,JSON对象最外面是没有单引号或者双引号的,这就表示一个JSON对象。

返回到js后的处理:
第一种要用到varl转化的:是字符串的时候就要用eval转化成jquery对象(如下)

var arr = '{"red":{"id":1,"name":"mary"},"blue":{"id":2,"name":"u71d5u5b50"}}';//u71d5u5b50这个是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":"u71d5u5b50"}};
  $.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);
 } 



参考:http://www.jb51.net/article/45182.htm
分享到:
评论

相关推荐

    ajax+json实例

    **Ajax+JSON 实例详解** 在现代Web开发中,AJAX(Asynchronous JavaScript and XML)技术已经成为提升用户体验的重要工具,它允许网页在不刷新整个页面的情况下与服务器进行数据交互。结合JSON(JavaScript Object ...

    SSH+jQuery+json 实现的Ajax操作,绝对精华,代码简练清晰,绝对能看明白

    这个压缩包中的资源,"SSH+jQuery+json 实现的Ajax操作,绝对精华,代码简练清晰,绝对能看明白",显然提供了一个使用这些技术实现Ajax级联操作的实例。下面将详细介绍这些技术及其在Ajax操作中的应用。 **SSH ...

    jQuery+Json 实现Ajax无刷新分类管理实例演示

    jQuery+Json 实现Ajax无刷新分类管理实例演示 基于jquery+json实现的网站后台管理中无刷新的分类管理功能演示,如上图演示所示,可无刷新添加一个分类、在动画弹出的对话框中输入分类名称即可实现保存,同进还可无...

    jquery ajax用json传值实例asp.net

    在本文中,我们将深入探讨如何使用jQuery AJAX与ASP.NET一起工作,通过JSON格式传递和接收数据。这非常适合初学者,因为我们将逐步解析整个过程,并提供实际的代码示例。 首先,理解jQuery AJAX的核心概念至关重要...

    jQuery中ajax请求后台返回json数据并渲染HTML的方法

    3. 在前端处理返回的JSON数据:在$.ajax()方法的success回调函数中,返回的数据会被处理。这里使用了eval()函数来转换字符串形式的JSON数据为JavaScript对象。然而,在实际开发中,出于安全考虑,不建议使用eval()...

    net+jquery+json实现ajax

    描述中提到,这个问题涉及到通过jQuery的getJSON方法与服务器上的.ashx(一般处理程序)文件进行通信,以获取并处理自定义内容。 在.NET框架中,.ashx文件是一种轻量级的HTTP处理器,它不绑定到特定的ASP.NET页面...

    Jquery struts2 json 实现ajax

    标题 "Jquery struts2 json 实现ajax" 涉及到的是在Web开发中使用jQuery库与Struts2框架结合处理JSON数据的Ajax技术。这个主题主要关注如何通过前端的jQuery实现异步请求,与后端的Struts2框架进行交互,从而更新...

    struts2使用jquery整合ajax、json用户登录实例源码

    在本实例中,我们将探讨如何利用Struts2、jQuery、Ajax和JSON技术实现一个用户登录功能。 首先,我们需要理解Ajax的核心概念,即在不刷新整个页面的情况下,向服务器发送异步请求并获取数据。这极大地提升了用户...

    php基于jquery的ajax技术传递json数据简单实例.docx

    PHP 基于 jQuery 的 Ajax 技术传递 JSON 数据简单实例 本文主要介绍了 PHP 基于 jQuery 的 Ajax 技术传递 JSON 数据方法,以完整实例形式分析了 PHP 基于 jQuery 的 Ajax 无刷新提交数据实现方法。下面是详细的知识...

    jquery json分页实例

    在本实例中,jQuery将用于处理与服务器的通信和更新页面内容。 **JSON (JavaScript Object Notation)** 是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。在Web服务中,JSON常用于传输...

    JSON+js+jquery+ajax基础.zip

    5. 结合使用jQuery和AJAX:演示如何利用jQuery简化AJAX调用,以及如何处理JSON响应数据,实现实时更新页面内容。 这些知识点对于想要学习Web开发,特别是Java RIA(Rich Internet Application)开发的人员非常重要...

    Jquery+json+Csharp实例

    在提供的"Csharp_Jquery_json实例"压缩包中,包含了具体的代码示例,包括前端jQuery脚本、后端C#处理程序以及可能的HTML模板。通过查看这些文件,你可以学习到如何: 1. 使用jQuery触发Ajax请求,并处理返回的JSON...

    整合jquery+json+struts2异步提交实例

    在这个实例中,“整合jquery+json+struts2异步提交”是一个典型的前端与后端交互的示例,利用了jQuery的Ajax功能和Struts2框架处理JSON数据。下面我们将详细探讨这些技术及其相互配合的工作原理。 **jQuery** 是一...

    S2SH+jQuery+JSON+Ajax注册--异步校验

    在"SSH2_jQuery_Ajax_Register2"这个文件中,可能包含了实现这个功能的源代码,包括Struts2的动作类、Spring的配置文件、Hibernate的映射文件、jQuery和Ajax的JavaScript代码,以及可能的JSON数据示例。通过分析和...

    jquery_ajax_json简单实例

    本实例将深入探讨如何利用jQuery的AJAX功能与JSON数据格式进行交互,以实现异步数据加载和更新,从而提高网页的用户体验。 首先,JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它易于人阅读和...

    json.rar_JSON_JSON java_ajax json_jquery json jar_json-lib-2.2.2

    4. **jquery_json.jar**:此jar包可能包含与jQuery库集成的Java代码,以便在服务器端处理来自jQuery的JSON数据。这使得服务器端的Java代码能够理解和解析由jQuery发出的JSON请求,也可以将响应数据以JSON格式返回给...

    【ASP.NET编程知识】asp.net中利用Jquery+Ajax+Json实现无刷新分页的实例代码.docx

    "ASP.NET编程知识:ASP.NET中利用Jquery+Ajax+Json实现无刷新分页的实例代码" 本文将详细介绍如何使用Jquery、Ajax和Json技术在ASP.NET中实现无刷新分页的实例代码。通过本文,读者将了解到无刷新分页的实现原理、...

    JQuery 获取json数据$.getJSON方法的实例代码

    总结来说,本段内容详细介绍了JQuery中$.getJSON方法的使用,展示了通过$.getJSON方法在前端获取JSON数据,并在回调函数中处理这些数据的实例。同时,也演示了服务端如何返回JSON格式的数据。在理解这些知识点时,...

Global site tag (gtag.js) - Google Analytics