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 forEach通用循环遍历方法
Oct 11 Javascript
JavaScript DSL 流畅接口(使用链式调用)实例
Mar 15 Javascript
js简单网速测试方法完整实例
Dec 15 Javascript
关于function类中定义变量this的简单说明
May 28 Javascript
原生js代码实现图片放大境效果
Oct 30 Javascript
使用UrlConnection实现后台模拟http请求的简单实例
Jan 04 Javascript
vue axios同步请求解决方案
Sep 29 Javascript
浅析Vue自定义组件的v-model
Nov 26 Javascript
手动用webpack搭建第一个ReactApp的示例
Apr 11 Javascript
微信小程序实现人脸识别登陆的示例代码
Apr 02 Javascript
webpack 如何解析代码模块路径的实现
Sep 04 Javascript
vue使用节流函数的踩坑实例指南
May 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
php foreach正序倒序输出示例代码
2014/07/01 PHP
thinkphp jquery实现图片上传和预览效果
2020/07/22 PHP
9个javascript语法高亮插件 推荐
2009/07/18 Javascript
JQUERY 浏览器判断实现函数
2009/08/20 Javascript
表单的焦点顺序tabindex和对应enter键提交
2013/01/04 Javascript
javascript 三种方法实现获得和设置以及移除元素属性
2013/03/20 Javascript
javascript-简单的日历实现及Date对象语法介绍(附图)
2013/05/30 Javascript
jquery实现弹出窗口效果的实例代码
2013/11/28 Javascript
原生JS实现响应式瀑布流布局
2015/04/02 Javascript
JS实现点击事件统计的简单实例
2016/07/10 Javascript
Node.js与MySQL交互操作及其注意事项
2016/10/05 Javascript
Bootstrap弹出框之自定义悬停框标题、内容和样式示例代码
2017/07/11 Javascript
基于JavaScript实现百度搜索框效果
2020/06/28 Javascript
详解Vue用自定义指令完成一个下拉菜单(select组件)
2017/10/31 Javascript
Angular4实现图片上传预览路径不安全的问题解决
2017/12/25 Javascript
使用puppeteer破解极验的滑动验证码
2018/02/24 Javascript
聊聊JS动画库 Velocity.js的使用
2018/03/13 Javascript
nodejs简单访问及操作mysql数据库的方法示例
2018/03/15 NodeJs
解决Js先触发失去焦点事件再执行点击事件的问题
2018/08/30 Javascript
JS实现百度网盘任意文件强制下载功能
2018/08/31 Javascript
vue-cli 3.x配置跨域代理的实现方法
2019/04/12 Javascript
快速了解Python中的装饰器
2018/01/11 Python
python使用matplotlib画饼状图
2018/09/25 Python
python的turtle库使用详解
2019/05/10 Python
python GUI库图形界面开发之PyQt5窗口控件QWidget详细使用方法
2020/02/26 Python
Python猴子补丁Monkey Patch用法实例解析
2020/03/23 Python
基于CSS3 animation动画属性实现轮播图效果
2017/09/12 HTML / CSS
美国新兴城市生活方式零售商:VILLA
2017/12/06 全球购物
家长对小学生的评语
2014/01/28 职场文书
出生公证委托书
2014/04/03 职场文书
建筑工程材料员岗位职责
2015/04/11 职场文书
公司员工体检通知
2015/04/21 职场文书
2015年办公室文秘工作总结
2015/04/30 职场文书
解决mysql:ERROR 1045 (28000): Access denied for user 'root'@'localhost' (using password: NO/YES)
2021/06/26 MySQL
Java反应式框架Reactor中的Mono和Flux
2021/07/25 Java/Android
Java 获取Word中所有的插入和删除修订的方法
2022/04/06 Java/Android