jQuery通过ajax方法获取json数据不执行success的原因及解决方法


Posted in Javascript onOctober 15, 2016

1.jquery通过ajax方法获取json数据不执行success回调

问题描述:jquery通过ajax方法获取json数据不执行success回调方法

问题原因:json格式存在问题或不符合标准写法,导致总是执行error回调方法

解决方案:使json格式务必符合下述3个标准写法:

  1)键名称:用双引号括起;

2)字符串:用双引号括起;

3)数字,布尔值不需要使用双引号括起 ;

注意:一定是双括号!

2.jQuery中ajax使用json数据类型总是跳过success执行error语句

执行函数

error : function(XMLHttpRequest, textStatus, errorThrown) {
//这个error函数调试时非常有用,如果解析不正确,将会弹出错误框

alert(XMLHttpRequest.responseText); 
alert(XMLHttpRequest.status);
alert(XMLHttpRequest.readyState);
alert(textStatus); // parser error;
}

就明白错误信息了;

弹出的框里显示:

<!DOCTYPE html PUBLIC "-//W3C //DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD /xhtml1-transitional.dtd">以 及<?xml version="1.0" encoding="gb2312" ?>

这两句话,虽然不清楚为什么,我删除之后,就成功执行 success了

3.$.ajax()中的URL跨域时,总是不执行success,老进入error

1)我加上ServletActionContext.getResponse().setHeader("Access-Control-Allow-Origin", "*");

解决跨域问题,就顺利进入success了

2)dataType:"json",

去掉 看能进success 不 。

dataType 是预期服务器返回过来的信息类型 。

原因:返回的数据类型一定要符合定义的数据类型。即如果你定义的 dataType 是 json 类型的,那么返回来的数据一定是 json 才可以,平且不然就会执行 error 里的程序块儿。

(1) 同时需要特别的注意返回的JSON数据是否是严格的JSON格式.

(2) 也应该严重关切当后台返回的是一个List 数据(List当中的数据是Json格式)时,有没脏数据即不是严格的JSON格式。

以上所述是小编给大家介绍的jQuery通过ajax方法获取json数据不执行success的原因及解决方法,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的,在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
JavaScript对象模型-执行模型
Apr 28 Javascript
jQuery 表单验证插件formValidation实现个性化错误提示
Jun 23 Javascript
javascript 面向对象全新理练之原型继承
Dec 03 Javascript
JS实现单行文字不间断向上滚动的方法
Jan 29 Javascript
基于Css3和JQuery实现打字机效果
Aug 11 Javascript
jQuery实现点击后标记当前菜单位置(背景高亮菜单)效果
Aug 22 Javascript
angularJS 如何读写缓冲的方法(推荐)
Aug 06 Javascript
JSON与JS对象的区别与对比
Mar 01 Javascript
JavaScript中清空数组的三种方式
Mar 22 Javascript
echarts同一页面中四个图表切换的js数据交互方法示例
Jul 03 Javascript
Puppeteer环境搭建的详细步骤
Sep 21 Javascript
详解vue 组件注册
Nov 20 Vue.js
Bootstrap分页插件之Bootstrap Paginator实例详解
Oct 15 #Javascript
jstl中判断list中是否包含某个值的简单方法
Oct 14 #Javascript
js中获取 table节点各tr及td的内容简单实例
Oct 14 #Javascript
jQuery ajaxForm()的应用
Oct 14 #Javascript
jQuery的 $.ajax防止重复提交的两种方法(推荐)
Oct 14 #Javascript
jQuery如何防止Ajax重复提交
Oct 14 #Javascript
require.js 加载 vue组件 r.js 合并压缩的实例
Oct 14 #Javascript
You might like
解密ThinkPHP3.1.2版本之独立分组功能应用
2014/06/19 PHP
php保存任意网络图片到服务器的方法
2015/04/14 PHP
php array_reverse 以相反的顺序返回数组实例代码
2017/04/11 PHP
PHP基于imagick扩展实现合成图片的两种方法【附imagick扩展下载】
2017/11/14 PHP
PHP设计模式之原型模式定义与用法详解
2018/04/03 PHP
seaJs的模块定义和模块加载浅析
2014/06/06 Javascript
jquery中ready()函数执行的时机和window的load事件比较
2015/06/22 Javascript
JS实现表单中checkbox对勾选中增加边框显示效果
2015/08/21 Javascript
前端设计师们最常用的JS代码汇总
2016/09/25 Javascript
html判断当前页面是否在iframe中的实例
2016/11/30 Javascript
React-Router如何进行页面权限管理的方法
2017/12/06 Javascript
node实现分片下载的示例代码
2018/10/17 Javascript
在Create React App中启用Sass和Less的方法示例
2019/01/16 Javascript
vue中使用elementUI组件手动上传图片功能
2019/12/13 Javascript
Vue+webpack实现懒加载过程解析
2020/02/17 Javascript
Bootstrap实现前端登录页面带验证码功能完整示例
2020/03/26 Javascript
jQuery中event.target和this的区别详解
2020/08/13 jQuery
微信小程序实现点击生成随机验证码
2020/09/09 Javascript
[43:33]EG vs Spirit Supermajor 败者组 BO3 第一场 6.4
2018/06/05 DOTA
浅析Python中的join()方法的使用
2015/05/19 Python
python迭代器与生成器详解
2016/03/10 Python
pandas带有重复索引操作方法
2018/06/08 Python
python入门:这篇文章带你直接学会python
2018/09/14 Python
python提取包含关键字的整行数据方法
2018/12/11 Python
Python 实现将数组/矩阵转换成Image类
2020/01/09 Python
Python3 实现爬取网站下所有URL方式
2020/01/16 Python
python基于win32api实现键盘输入
2020/12/09 Python
美国家居装饰购物网站:Amanda Lindroth
2020/03/25 全球购物
机械化及自动化毕业生的自我评价分享
2013/11/06 职场文书
写给保洁员表扬信
2014/01/08 职场文书
小小的船教学反思
2014/02/21 职场文书
法人授权委托书范本
2014/04/04 职场文书
党的群众路线教育实践活动心得体会(教师)
2014/10/31 职场文书
我们的节日元宵节活动总结
2015/02/06 职场文书
python3 实现mysql数据库连接池的示例代码
2021/04/17 Python
Android Flutter实现3D动画效果示例详解
2022/04/07 Java/Android