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 相关文章推荐
JS 字符串连接[性能比较]
May 10 Javascript
jquery入门——事件机制之事件中的冒泡现象示例解释
Sep 12 Javascript
jQuery中的height innerHeight outerHeight区别示例介绍
Jun 15 Javascript
javascript Deferred和递归次数限制实例
Oct 21 Javascript
JS实现从顶部下拉显示的带动画QQ客服特效代码
Oct 24 Javascript
AngularJS转换响应内容
Jan 27 Javascript
详解Javascript继承的实现
Mar 25 Javascript
JS禁止查看网页源代码的实现方法
Oct 12 Javascript
JavaSctit 利用FileReader和滤镜上传图片预览功能
Sep 05 Javascript
ionic选择多张图片上传的示例代码
Oct 10 Javascript
详解JSON Web Token 入门教程
Jul 30 Javascript
jQuery实现消息弹出框效果
Dec 10 jQuery
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
php session 写入数据库
2016/02/13 PHP
PHP实现限制IP访问的方法
2017/04/20 PHP
Nigma vs AM BO3 第二场2.13
2021/03/10 DOTA
jquery select选中的一个小问题
2009/10/11 Javascript
Javascript排序算法之计数排序的实例
2014/04/05 Javascript
jQuery中DOM树操作之复制元素的方法
2015/01/23 Javascript
JQuery异步获取返回值中文乱码的解决方法
2015/01/29 Javascript
如何用js 实现依赖注入的思想,后端框架思想搬到前端来
2015/08/03 Javascript
基于JS实现导航条flash导航条
2016/06/17 Javascript
AngularJS实现数据列表的增加、删除和上移下移等功能实例
2016/09/05 Javascript
jQuery扩展实现text提示还能输入多少字节的方法
2016/11/28 Javascript
微信小程序之仿微信漂流瓶实例
2016/12/09 Javascript
解决Linux无法正常安装与卸载Node.js的方法
2018/01/19 Javascript
JavaScript设计模式之调停者模式实例详解
2018/02/03 Javascript
Vue2.0实现调用摄像头进行拍照功能 exif.js实现图片上传功能
2018/04/28 Javascript
深入理解 Koa 框架中间件原理
2018/10/18 Javascript
vue项目前端埋点的实现
2019/03/06 Javascript
Vue Element UI + OSS实现上传文件功能
2019/07/31 Javascript
中级前端工程师必须要掌握的27个JavaScript 技巧(干货总结)
2019/09/23 Javascript
vue搜索页开发实例代码详解(热门搜索,历史搜索,淘宝接口演示)
2020/04/11 Javascript
详解Python中如何写控制台进度条的整理
2018/03/07 Python
基于Python列表解析(列表推导式)
2018/06/23 Python
浅谈python之新式类
2018/08/12 Python
python程序变成软件的实操方法
2019/06/24 Python
使用Python自动生成HTML的方法示例
2019/08/06 Python
深入了解如何基于Python读写Kafka
2019/12/31 Python
opencv+pyQt5实现图片阈值编辑器/寻色块阈值利器
2020/11/13 Python
python list等分并从等分的子集中随机选取一个数
2020/11/16 Python
TensorFlow低版本代码自动升级为1.0版本
2021/02/20 Python
利用CSS3的定位页面元素
2009/08/29 HTML / CSS
西班牙伏林航空公司:Vueling
2016/08/05 全球购物
Maxpeedingrods美国:高性能汽车零件
2020/02/14 全球购物
Nike墨西哥官网:Nike MX
2020/08/30 全球购物
SQL Server数据库笔试题和答案
2016/02/04 面试题
校车安全管理责任书
2015/05/11 职场文书
winserver2019安装软件一直卡在应用程序正在为首次使用做准备
2022/06/10 Servers