`
布衣九久
  • 浏览: 54925 次
  • 性别: Icon_minigender_1
  • 来自: 江苏 无锡
社区版块
存档分类
最新评论

Jquery ajax方法解析返回的json数据

阅读更多
最近在用jquery的ajax方法传递接收json数据时发现一个问题,那就是返回的data数据,有时候可以直接作为json数据使用,可有时候又不行。

经过网友指出,这个问题已经有了比较明确的结论,那就是jquery ajax方法的complete方法是不会处理dataType的,所以如果你是在complete里面试图直接用json数据是不可行的,必须先通过eval。

以下是我原来的文章,大家仅作个参考,已经没有太大价值了。

$.ajax方法如下:

	  $.ajax({ 
			type: "POST",
			url:  ctxRoot+'FolderAction!saveInformSetting.action',
			data: 'jsonStr=' + inform_settingListStr,
			dataType: "json",
			complete: function(data){
       //在这里做些事情,假设返回的json数据里有name这个属性
       //有时候可以直接data.name或者data['name']去访问
       //但有时候,却要通过var jsonData = eval("("+data.responseText+")");才可以通过jsonData.name访问,而且这种情况下,需要是complete而不是success
			}
	  }); 



ok, 问题已经在代码的注释里面说明了,下面说下造成这两种不同的原因。

先说明第一种情况:

    我发现能够直接 data.属性名访问的情况,服务器端代码一定是直接renturn的一个常量字符串。
    什么是常量字符串呢,有些人可能不太清楚,常量字符串就是指直接用“”组成的字符串,没有定义String 变量直接把一串“”print到前台的情况,就可以直接data.属性名访问,而且jquery端只要写success就可以拿到。

下面是造成要eval并且不能进入success的原因:

     这种情况是因为服务器端向外print的时候是一个String对象,通常此类问题在我的代码里是因为后台json比较复杂,在组织的时候我用到了StringBuffer,然后最后print的时候print的是StringBuffer对象的toString,所以就相当于print了一个String对象

     这种情况下jquery的ajax方法就不会进入success方法,只能用complete接收,并且想要解析data里的json数据的话,必须对data.responseText进行eval


    除此两点,还有需要注意的是,如果你使用的是jq1.4,那么他对json的格式有着更严格的要求,所有的key和属性都要用双引号标注起来,虽然key不用双引号原生的js是允许的,但是jq1.4似乎有这个要求。

    以上就是我个人对于这一问题的一些想法和体会,如果有片面或者不正确的地方,欢迎大家评论指正,谢谢。
分享到:
评论
21 楼 jyan1992 2013-03-02  
火狐的EVAL方法不兼容怎么处理?
20 楼 yinger_fei 2010-10-18  
我对json不熟,但是通过后台response.getWriter().write("{'message':'0'}");返回给前台接送类型的数据,只是前台接收的时候,var json = eval('('+ response.responseText+')');
if(json['message'] == "1"),有时候会报错,说语法错误。额。。不知道该怎么解决了?
19 楼 adaikiss 2010-07-30  
我一般是服务端总是print一个JSON对象,如果返回的是信息而不是数据就在返回对象里加一个"isMsg":"true",然后页面上$.ajax的success方法就能知道服务端的调用情况了,if(json.isMs){....}else{.....},如果请求超时什么的就在$.ajax的error里处理了.
18 楼 lsl916201 2010-07-29  
不错,最近正在温习JQuery,貌似因为书写不规范引起的杯具也是时有碰到
17 楼 布衣九久 2010-07-29  
elementstorm 写道
为什么要用complete处理?
正常应该是用success吧
complete是无论你请求成功与否都会触发的
如果请求失败没有数据返回
那你怎么办?


对的正常应该是用success,但是我在做的时候,有时候会发生就是进不去success的情况,所以就用了complete。
造成进不了success的原因可能是我的json字符串组织的不太规范或者说是StringBuffer toString造成的,具体原因还没时间去深究
16 楼 elementstorm 2010-07-29  
为什么要用complete处理?
正常应该是用success吧
complete是无论你请求成功与否都会触发的
如果请求失败没有数据返回
那你怎么办?
15 楼 hymanyung 2010-07-29  
路过学习下
14 楼 ywgoal 2010-07-28  
一个JSON格式的字符串如果response写到客户端是可以直接用点进行导航的,如果你是将该字符串作为action的成员变量,让json来封装,肯定就不行了啊,就必须要用eval了~~~
13 楼 布衣九久 2010-07-28  
xiaoyu 写道
不是有一个 $.parseJSON(data); 的方法吗?


哦,我不知道有这个方法,所以用了eval,谢谢指出~
12 楼 catastiger 2010-07-28  
success 也可以的
11 楼 xiaoyu 2010-07-28  
不是有一个 $.parseJSON(data); 的方法吗?
10 楼 181054867 2010-07-28  

$.get
$.post
$.getJson
也是ajax请求,而且简单易用,直接把返回的json处理了,哈哈,比$.ajax方便很多
9 楼 lobbychmd 2010-07-28  
貌似 <head> 里面可以指明 contentType 是 json ,就不用 eval
8 楼 zqding 2010-07-28  
写的不错,学习了。
7 楼 sunliao_first 2010-07-28  
太多广告了
6 楼 zhangchen 2010-07-27  
布衣九久 写道
最近在用jquery的ajax方法传递接收json数据时发现一个问题,那就是返回的data数据,有时候可以直接作为json数据使用,可有时候又不行。

经过网友指出,这个问题已经有了比较明确的结论,那就是jquery ajax方法的complete方法是不会处理dataType的,所以如果你是在complete里面试图直接用json数据是不可行的,必须先通过eval。



我以前也碰到这样的问题,解决的办法是这样的:返回的数据不是一个JSON串,而是一个JS语句。
例如:
var result={'name':'value'}
5 楼 zhangchen 2010-07-27  
kjj 写道
管理员眼睛看不见吗,这个烦人的广告


确实很烦人,打广告不要太过分了,适可而止。
4 楼 kjj 2010-07-27  
管理员眼睛看不见吗,这个烦人的广告
3 楼 布衣九久 2010-07-27  
02221021 写道
是complete没有处理dataType吧


恩,经你一说的确是这样,就算是常量字符串,如果是complete也是不能直接用的,谢谢
2 楼 mgh2008 2010-07-27  
我使用donet在处理服务器响应时,success方法没有这个问题,不过key和value都要用双引扩起来

相关推荐

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

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

    jQuery_Ajax_Json全解析

    2. **链式操作**:jQuery对象的方法返回的是jQuery对象本身,允许连续调用多个方法。 3. **封装DOM操作**:如`$(element).html()`, `$(element).append()`等,简化了对HTML内容的操作。 4. **事件处理**:使用`$...

    struts2+jquery执行ajax并返回json类型数据(源码)

    这里,你可以解析返回的JSON数据,并使用jQuery操作DOM,将数据展示在页面上。 5. **运行与测试**:将项目导入Eclipse,运行Web服务器,然后在浏览器中访问你的HTML页面。触发Ajax请求,观察是否能正确接收到服务器...

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

    本文主要介绍了 PHP 基于 jQuery 的 Ajax 技术传递 JSON 数据方法,以完整实例形式分析了 PHP 基于 jQuery 的 Ajax 无刷新提交数据实现方法。下面是详细的知识点说明: HTML 页面 在 HTML 页面中,我们首先引入 ...

    SSH1,JQuery的ajax返回json二维数组处理过程

    在示例中,返回的JSON数据是一个二维数组,形如`[{key,val},{key,val},{key,val}]`。这种格式表示一个数组,其中每个元素本身又是一个键值对的对象。在JavaScript中,可以方便地遍历和操作这些数据。 在JQuery中,...

    用jquery解析JSON数据的方法20110227

    在jQuery中,有多种方法来解析JSON数据,本文将详细介绍两种主要方法。 首先,假设我们有一个JSON格式的字符串,如以下示例: ```javascript var data = "{ root: [ {name:'1',value:'0'}, {name:'6101',value:...

    Jquery ajax json 总结

    在客户端,接收到 JSON 数据后,JQuery AJAX 的回调函数可以解析并处理这些数据。对于 JSON 对象,可以使用 `eval()` 或 `JSON.parse()`(推荐)将其转换为 JavaScript 对象,然后通过点号或方括号语法访问其属性。...

    Struts2+Jquery实现ajax并返回json类型数据

    以上就是使用Struts2和jQuery实现Ajax请求并返回JSON数据的基本流程。通过这种方式,我们可以在不刷新整个页面的情况下,实现数据的异步加载和动态更新,提高用户体验。在实际项目中,可能还需要考虑错误处理、数据...

    Struts2 与Jquery Ajax的json数据交换的典型范例

    总结,Struts2和jQuery的Ajax JSON数据交换涉及以下几个关键步骤:配置Struts2的JSON插件,编写返回JSON数据的Action,使用jQuery发起Ajax请求并处理返回的JSON数据。通过这种方式,可以实现客户端与服务器之间的...

    SSH框架ajax获取的json格式数据处理过程

    首先,我们使用 JQuery 的 Ajax 方法来获取 JSON 数据,然后使用 JQuery 的 parseJSON 方法来解析 JSON 数据。 三、菜单联动下拉框的实现 要实现菜单联动下拉框,我们需要使用 JavaScript 和 HTML 代码来实现。...

    详谈 Jquery Ajax异步处理Json数据.

    通过以上的知识点,可以了解到在Jquery Ajax异步处理JSON数据的过程中,开发者需要了解前端如何发送请求、指定期望的响应数据类型、以及如何在回调函数中处理服务器返回的JSON格式数据。这种机制使得Web应用可以提供...

    jquery AJAX 回调函数取JSON成功代码

    总之,jQuery的AJAX功能配合JSON数据格式,提供了一种强大而灵活的方式来实现前端和后端的通信,使动态网页应用程序变得更加高效和用户友好。正确理解和使用这些工具,可以显著提升你的Web应用性能。

    Ajax-json.rar_JSON_ajax json_java Jquery ajax_javascript_json aj

    例如,当使用jQuery的AJAX方法(如`$.ajax()`或`$.getJSON()`)时,服务器返回的JSON数据可以自动解析成JavaScript对象。 **jQuery的AJAX功能** jQuery是一个流行的JavaScript库,它简化了JavaScript的许多操作,...

    jQuery中使用Ajax获取JSON格式数据示例代码.pdf

    JSON数据格式基础 JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。JSON是基于JavaScript的一个子集,它继承了JavaScript中对象和数组的表示方法,但...

    jQuery ajax读取json文件内容

    此标题直截了当,明确指出将通过jQuery的Ajax技术来获取并解析JSON文件中的数据。Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。而JSON(JavaScript ...

    jQuery使用ajax方法解析返回的json数据功能示例

    对于开发者而言,理解并熟练使用jQuery的$.ajax()方法以及解析JSON数据是非常重要的。这将有助于开发者构建高效、响应迅速的Web应用程序。同时,确保正确使用JSON数据格式,注意代码的安全性和健壮性,利用现有的...

    使用jquery的方式通过ajax处理json格式的数据

    除了$.ajax(),jQuery还提供了$.getJSON()方法,这是一个简化的版本,用于获取JSON数据。例如: ```javascript $.getJSON('your-api-url', function(data) { console.log(data); // 处理返回的JSON数据 }); ``` ...

    jQuery读取json数据

    关于"jQuery读取json数据"这个主题,我们将会深入探讨如何利用jQuery的Ajax功能来高效地加载和解析JSON格式的数据,以及这样做带来的优势。 JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它易于...

    jQuery+get/post+Ajax+Json

    总结来说,"jQuery+get/post+Ajax+Json"的组合是现代Web开发中常用的数据交互技术,它使得前端可以轻松地与后端进行JSON数据的交换,提升了用户体验,降低了服务器负载。通过jQuery的便捷API,我们可以快速实现异步...

    jquery的ajax传json对象数组到struts2的action

    在Web开发中,jQuery的AJAX功能经常被用于与服务器...在前端,利用`$.ajax()`发送JSON数据;在后端,Struts2 Action接收并处理这些数据。这种通信方式在现代Web应用中非常常见,因为它提供了高效、灵活的数据交换手段。

Global site tag (gtag.js) - Google Analytics