jQuery使用ajax方法解析返回的json数据功能示例-js教程-PHP中文网

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

高洛峰

发布： 2017-01-12 10:15:54

原创

1264人浏览过

本文实例讲述了jquery使用ajax方法解析返回的json数据功能。分享给大家供大家参考，具体如下：

最近在用jQuery的ajax方法传递接收json数据时发现一个问题，那就是返回的data数据，有时候可以直接作为json数据使用，可有时候又不行。查了些资料,解释如下:

$.ajax({
  url: ajaxurl,
  type: "POST",
  success: function(data){
   //假设返回的json数据里有status及info2个属性
   //有时候可以直接ajaxobj.status或者ajaxobj["status"]去访问
   //但有时候，却要通过eval()或者 $.parsejson();才可以通过ajaxobj.status访问，而且这种情况下，需要是complete而不是success
   ajaxobj=eval("("+data+")");
   //或者$.parsejson()
   //var ajaxobj = $.parsejson(data);
   if(ajaxobj.status=="0")
   {
    alert("请登陆.");
   }
   else if(ajaxobj.status=="1")//未绑定微博
   {
    alert(ajaxobj.info);
   }
   return true;
  },
  error:function(ajaxobj)
  {
     if(ajaxobj.responseText!='')
     alert(ajaxobj.responseText);
  }
});

登录后复制

先说明第一种情况:

能够直接 data.属性名访问的情况，服务器端代码一定是直接return的一个常量字符串。

什么是常量字符串呢，常量字符串就是指直接用“”组成的字符串，没有定义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 ()或者 $.parsejson();

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

以上是我个人的想法跟理解,若有不同见解欢迎指教.

希望本文所述对大家jQuery程序设计有所帮助。

更多jQuery使用ajax方法解析返回的json数据功能示例相关文章请关注PHP中文网！