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 相关文章推荐
jQuery中element选择器用法实例
Dec 29 Javascript
javascript实现全角与半角字符的转换
Jan 07 Javascript
通过隐藏iframe实现无刷新上传文件操作
Mar 16 Javascript
有关jQuery中parent()和siblings()的小问题
Jun 01 Javascript
javascript工厂模式和构造函数模式创建对象方法解析
Dec 30 Javascript
vue引入jq插件的实例讲解
Sep 12 Javascript
基于jQuery选择器之表单对象属性筛选选择器的实例
Sep 19 jQuery
vue路由 遍历生成复数router-link的例子
Oct 30 Javascript
在vue中利用全局路由钩子给url统一添加公共参数的例子
Nov 01 Javascript
JS常用正则表达式超全集(密码强度校验,金额校验,IE版本,IPv4,IPv6校验)
Feb 03 Javascript
ES6对象操作实例详解
May 23 Javascript
Vue项目打包部署到apache服务器的方法步骤
Feb 01 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分页示例分享
2014/04/30 PHP
php通过session防url攻击方法
2014/12/10 PHP
php使用json_decode后数字对象转换成了科学计数法的解决方法
2017/02/20 PHP
PHP实现从PostgreSQL数据库检索数据分页显示及根据条件查找数据示例
2018/06/09 PHP
学习ExtJS Column布局
2009/10/08 Javascript
jquery checkbox,radio是否选中的判断代码
2010/03/20 Javascript
jQuery控制Div拖拽效果完整实例分析
2015/04/15 Javascript
JS获取浮动(float)元素的style.left值为空的快速解决办法
2017/02/19 Javascript
jQuery实现一个简单的轮播图
2017/02/19 Javascript
轻松实现jQuery添加删除按钮Click事件
2017/03/13 Javascript
使用pm2自动化部署node项目的方法步骤
2019/01/28 Javascript
nodejs搭建本地服务器并访问文件操作示例
2019/05/11 NodeJs
vue实现图片预览组件封装与使用
2019/07/13 Javascript
JS FormData对象使用方法实例详解
2020/02/12 Javascript
微信小程序动态添加和删除组件的现实
2020/02/28 Javascript
Python 拷贝对象(深拷贝deepcopy与浅拷贝copy)
2008/09/06 Python
Python中取整的几种方法小结
2017/01/06 Python
Python 出现错误TypeError: ‘NoneType’ object is not iterable解决办法
2017/01/12 Python
Python爬虫:通过关键字爬取百度图片
2017/02/17 Python
python3.6+opencv3.4实现鼠标交互查看图片像素
2018/02/26 Python
Python3 获取一大段文本之间两个关键字之间的内容方法
2018/10/11 Python
在Python中过滤Windows文件名中的非法字符方法
2019/06/10 Python
Python中IP地址处理IPy模块的方法
2019/08/16 Python
python中HTMLParser模块知识点总结
2021/01/25 Python
HTML5 文件上传下载的实例代码
2017/07/03 HTML / CSS
品恩科技软件测试面试题
2014/10/26 面试题
DTD的含义以及作用
2014/01/26 面试题
医药代表个人的求职信分享
2013/12/08 职场文书
财务部出纳岗位职责
2013/12/22 职场文书
党的群众路线教育实践活动心得体会(企业)
2014/11/03 职场文书
小学生读书笔记
2015/07/01 职场文书
企业宣传语大全
2015/07/13 职场文书
财务人员入职担保书
2015/09/22 职场文书
假期读书倡议书3篇
2019/08/19 职场文书
《英雄联盟》2022日蚀、月蚀皮肤演示 黑潮亚索曝光
2022/04/13 其他游戏
vue使用watch监听属性变化
2022/04/30 Vue.js