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


Posted in Javascript onJanuary 10, 2017

本文实例讲述了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似乎有这个要求。

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

Javascript 相关文章推荐
javascript进行数组追加方法小结
Jun 16 Javascript
jQuery实现的一个tab切换效果内部还嵌有切换
Aug 10 Javascript
JavaScript中String.prototype用法实例
May 20 Javascript
js精美的幻灯片画集特效代码分享
Aug 29 Javascript
AngularJS控制器继承自另一控制器
May 09 Javascript
AngularJS模板加载用法详解
Nov 04 Javascript
angular.js中解决跨域问题的三种方式
Jul 12 Javascript
js 只比较时间大小的实例
Oct 26 Javascript
javascript获取图片的top N主色值方法详解
Jan 26 Javascript
vue.js使用3DES加密的方法示例
May 18 Javascript
jquery.param()实现数组或对象的序列化方法
Oct 08 jQuery
JS document form表单元素操作完整示例
Jan 13 Javascript
ajax实现动态下拉框示例
Jan 10 #Javascript
JavaScript三种绑定事件方式及相互之间的区别分析
Jan 10 #Javascript
详解使用Vue.Js结合Jquery Ajax加载数据的两种方式
Jan 10 #Javascript
JavaScript获取键盘按键的键码(参照表)
Jan 10 #Javascript
详解vue之页面缓存问题(基于2.0)
Jan 10 #Javascript
jQuery验证表单格式的使用方法
Jan 10 #Javascript
Html5 js实现手风琴效果
Apr 17 #Javascript
You might like
地球防卫队:陪着奥特曼打小怪兽的人类力量 那些经典队服
2020/03/08 日漫
php 数组二分法查找函数代码
2010/02/16 PHP
php随机生成数字字母组合的方法
2015/03/18 PHP
PHP QRCODE生成彩色二维码的方法
2016/05/19 PHP
jQuery select操作控制方法小结
2010/05/26 Javascript
我的javascript 函数链之演变
2011/04/07 Javascript
Firefox中beforeunload事件的实现缺陷浅析
2012/05/03 Javascript
JavaScript字符串插入、删除、替换函数使用示例
2013/07/25 Javascript
面向对象设计模式的核心法则
2013/11/10 Javascript
JS获取几种URL地址的方法小结
2014/02/26 Javascript
简介JavaScript中fixed()方法的使用
2015/06/08 Javascript
基于JS模仿windows文件按名称排序效果
2016/06/29 Javascript
详解Angular的8个主要构造块
2017/06/20 Javascript
jQuery EasyUI开发技巧总结
2017/09/26 jQuery
基于Datatables跳转到指定页的简单实例
2017/11/09 Javascript
JS实现的汉字与Unicode码相互转化功能分析
2018/05/25 Javascript
webpack4 从零学习常用配置(小结)
2019/05/28 Javascript
js实现图片粘贴到网页
2019/12/06 Javascript
JS中的模糊查询功能
2019/12/08 Javascript
从零学Python之入门(五)缩进和选择
2014/05/27 Python
python中去空格函数的用法
2014/08/21 Python
Python re模块介绍
2014/11/30 Python
解密Python中的描述符(descriptor)
2015/06/03 Python
Python基于回溯法子集树模板解决数字组合问题实例
2017/09/02 Python
python 去除二维数组/二维列表中的重复行方法
2019/01/23 Python
Python3.5集合及其常见运算实例详解
2019/05/01 Python
python3中pip3安装出错,找不到SSL的解决方式
2019/12/12 Python
非常震撼的纯CSS3人物行走动画
2016/02/24 HTML / CSS
HTML5拖拽文件到浏览器并实现文件上传下载功能代码
2013/06/06 HTML / CSS
时尚休闲吧创业计划书
2014/01/25 职场文书
勤俭节约倡议书
2014/04/14 职场文书
企业承诺书格式范文
2015/04/28 职场文书
社区敬老月活动总结
2015/05/07 职场文书
孔繁森观后感
2015/06/10 职场文书
传单、海报早OUT了,另类传单营销方案送给你!
2019/07/15 职场文书
 python中的元类metaclass详情
2022/05/30 Python