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 相关文章推荐
xml分页+ajax请求数据源+dom取结果实例代码
Oct 31 Javascript
关于Jqzoom的使用心得 jquery放大镜效果插件
Apr 12 Javascript
jquery选择器之层级过滤选择器详解
Jan 27 Javascript
JS对象与json字符串格式转换实例
Oct 28 Javascript
jQuery EasyUI之DataGrid使用实例详解
Jan 04 Javascript
微信小程序Redux绑定实例详解
Jun 07 Javascript
Angular4实现动态添加删除表单输入框功能
Aug 11 Javascript
Vue的百度地图插件尝试使用
Sep 06 Javascript
JS 实现获取验证码 倒计时功能
Oct 29 Javascript
使用JavaScript实现网页秒表功能(含开始、暂停、继续、重置功能)
Jun 05 Javascript
Javascript柯里化实现原理及作用解析
Oct 22 Javascript
vue实现Toast组件轻提示
Apr 10 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版
2006/10/09 PHP
PHP编程计算文件或数组中单词出现频率的方法
2017/05/22 PHP
JScript 脚本实现文件下载 一般用于下载木马
2009/10/29 Javascript
jquery中的过滤操作详细解析
2013/12/02 Javascript
jQuery实现文本框邮箱输入自动补全效果
2015/11/17 Javascript
jQuery mobile类库使用时加载导航历史的方法简介
2015/12/04 Javascript
浅析JavaScript中的变量复制、参数传递和作用域链
2016/01/13 Javascript
javascript计时器编写过程与实现方法
2016/02/29 Javascript
jQuery Mobile开发中日期插件Mobiscroll使用说明
2016/03/02 Javascript
JavaScript从0开始构思表情插件
2016/07/26 Javascript
bootstrapValidator.min.js表单验证插件
2017/02/09 Javascript
全面解析vue中的数据双向绑定
2017/05/10 Javascript
nodejs 图解express+supervisor+ejs的用法(推荐)
2017/09/08 NodeJs
angular2中Http请求原理与用法详解
2018/01/11 Javascript
vue router 跳转后回到顶部的实例
2018/08/31 Javascript
Webpack4 使用Babel处理ES6语法的方法示例
2019/03/07 Javascript
从零使用TypeScript开发项目打包发布到npm
2020/02/14 Javascript
vue项目中微信登录的实现操作
2020/09/08 Javascript
Python实现包含min函数的栈
2016/04/29 Python
Python FTP两个文件夹间的同步实例代码
2018/05/25 Python
Python抽象和自定义类定义与用法示例
2018/08/23 Python
python散点图实例之随机漫步
2018/08/27 Python
Python数据处理篇之Sympy系列(五)---解方程
2019/10/12 Python
pytorch 实现模型不同层设置不同的学习率方式
2020/01/06 Python
python模块内置属性概念及实例
2021/02/18 Python
HTML5学习心得总结(推荐)
2016/07/08 HTML / CSS
Tahari ASL官方网站:高级设计师女装
2021/03/15 全球购物
打架检讨书100字
2014/01/19 职场文书
党员干部廉洁承诺书
2014/05/28 职场文书
出差报告格式模板
2014/11/06 职场文书
英文辞职信范文
2015/05/13 职场文书
幼儿园教师心得体会范文
2016/01/21 职场文书
创业计划书之甜品店
2019/09/18 职场文书
职场:企业印章管理制度(模板)
2019/10/18 职场文书
MySQL 全文检索的使用示例
2021/06/07 MySQL
CentOS MySql8 远程连接实战
2022/04/19 MySQL