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 相关文章推荐
jQuery live( type, fn ) 委派事件实现
Oct 11 Javascript
JavaScript格式化数字的函数代码
Nov 30 Javascript
JavaScript计算字符串中每个字符出现次数的小例子
Jul 02 Javascript
JavaScript的Backbone.js框架入门学习指引
May 07 Javascript
JS实现放大、缩小及拖拽图片的方法【可兼容IE、火狐】
Aug 23 Javascript
JS实现控制图片显示大小的方法【图片等比例缩放功能】
Feb 18 Javascript
AngularJS的Filter的示例详解
Mar 07 Javascript
JavaScript简单实现合并两个Json对象的方法示例
Oct 16 Javascript
react native基于FlatList下拉刷新上拉加载实现代码示例
Sep 30 Javascript
新手入门js闭包学习过程解析
Oct 08 Javascript
js实现适配移动端的拖动效果
Jan 13 Javascript
node.js中stream流中可读流和可写流的实现与使用方法实例分析
Feb 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
ThinkPHP中session函数详解
2016/09/14 PHP
PHP水印类,支持添加图片、文字、填充颜色区域的实现
2017/02/04 PHP
在PHP 7下安装Swoole与Yar,Yaf的方法教程
2017/06/02 PHP
javascript 动态参数判空操作
2008/12/22 Javascript
jquery异步循环获取功能实现代码
2010/09/19 Javascript
SharePoint 客户端对象模型 (一) ECMA Script
2011/05/22 Javascript
jQuery效果 slideToggle() 方法(在隐藏和显示之间切换)
2011/06/28 Javascript
javascript:FF/Chrome与IE动态加载元素的区别说明
2014/01/26 Javascript
Javascript 正则表达式实现为数字添加千位分隔符
2015/03/10 Javascript
分享自己用JS做的扫雷小游戏
2016/02/17 Javascript
jQuery实现图像旋转动画效果
2016/05/29 Javascript
Vue 全局loading组件实例详解
2018/05/29 Javascript
Phaser.js实现简单的跑酷游戏附源码下载
2018/10/26 Javascript
JSON.stringify()方法讲解
2019/01/31 Javascript
详解JavaScript 浮点数运算的精度问题
2019/07/23 Javascript
Python列表推导式的使用方法
2013/11/21 Python
Python操作Redis之设置key的过期时间实例代码
2018/01/25 Python
Python之列表实现栈的工作功能
2019/01/28 Python
python中class的定义及使用教程
2019/09/18 Python
Windows10下Tensorflow2.0 安装及环境配置教程(图文)
2019/11/21 Python
HTML5 canvas基本绘图之文字渲染
2016/06/27 HTML / CSS
食堂个人先进事迹
2014/01/22 职场文书
尽职尽责村干部自我鉴定
2014/01/23 职场文书
服装创业计划书范文
2014/02/05 职场文书
老总助理工作岗位职责
2014/02/06 职场文书
保安部任务及岗位职责
2014/02/25 职场文书
高校教师岗位职责
2014/03/18 职场文书
羽毛球社团活动总结
2014/06/27 职场文书
护士优质服务演讲稿
2014/08/26 职场文书
工作骂脏话检讨书
2014/10/05 职场文书
自主招生自荐信范文
2015/03/04 职场文书
周恩来的四个昼夜观后感
2015/06/03 职场文书
mysql查询的控制语句图文详解
2021/04/11 MySQL
Python机器学习应用之基于线性判别模型的分类篇详解
2022/01/18 Python
Vue提供的三种调试方式你知道吗
2022/01/18 Vue.js
Go归并排序算法的实现方法
2022/04/06 Golang