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 getElementsByClassName 和js取地址栏参数
Jan 02 Javascript
腾讯与新浪的通过IP地址获取当前地理位置(省份)的接口
Jul 26 Javascript
利用jq让你的div居中的好方法分享
Nov 21 Javascript
jQuery实现鼠标经过时出现隐藏层文字链接的方法
Oct 12 Javascript
Node.js实现JS文件合并小工具
Feb 02 Javascript
Vue.js每天必学之构造器与生命周期
Sep 05 Javascript
Angular.Js的自动化测试详解
Dec 09 Javascript
微信小程序第三方框架对比 之 wepy / mpvue / taro
Apr 10 Javascript
vue动态绘制四分之三圆环图效果
Sep 03 Javascript
vue2.0 获取从http接口中获取数据,组件开发,路由配置方式
Nov 04 Javascript
Vue实现按钮级权限方案
Nov 21 Javascript
ant design vue 表格table 默认勾选几项的操作
Oct 31 Javascript
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
2021年最新CPU天梯图
2021/03/04 数码科技
Windows IIS PHP 5.2 安装与配置方法
2009/06/08 PHP
php 不使用js实现页面跳转
2014/02/11 PHP
php中多维数组按指定value排序的实现代码
2014/08/19 PHP
提高php编程效率技巧
2015/08/13 PHP
javascript showModalDialog,open取得父窗口的方法
2010/03/10 Javascript
jQuery EasyUI API 中文文档 - TreeGrid 树表格使用介绍
2011/11/21 Javascript
基于jQuery实现最基本的淡入淡出效果实例
2015/02/02 Javascript
jquery实现加载进度条提示效果
2015/11/23 Javascript
原生js实现图片层叠轮播切换效果
2016/02/02 Javascript
javascript 继承学习心得总结
2016/03/17 Javascript
VUEJS实战之构建基础并渲染出列表(1)
2016/06/13 Javascript
jQuery.cookie.js使用方法及相关参数解释
2017/03/06 Javascript
BootStrap Table前台和后台分页对JSON格式的要求
2017/06/28 Javascript
JS与HTML结合实现流程进度展示条思路详解
2017/09/03 Javascript
js实时监控文本框输入字数的实例代码
2018/01/18 Javascript
iconfont的三种使用方式详解
2018/08/05 Javascript
extract-text-webpack-plugin用法详解
2019/02/14 Javascript
基于Taro的微信小程序模板消息-获取formId功能模块封装实践
2019/07/15 Javascript
Websocket 向指定用户发消息的方法
2020/01/09 Javascript
Python实现将不规范的英文名字首字母大写
2016/11/15 Python
Python实战小程序利用matplotlib模块画图代码分享
2017/12/09 Python
python批量创建指定名称的文件夹
2019/03/21 Python
Python3+Selenium+Chrome实现自动填写WPS表单
2020/02/12 Python
Django media static外部访问Django中的图片设置教程
2020/04/07 Python
python复合条件下的字典排序
2020/12/18 Python
html5 video标签屏蔽右键视频另存为的js代码
2013/11/12 HTML / CSS
英国门销售网站:Green Tree Doors
2020/01/07 全球购物
营销与策划专业毕业生求职信
2013/11/01 职场文书
2014年医学生毕业自我鉴定
2014/03/26 职场文书
市场营销工作计划书
2014/05/06 职场文书
挂职学习心得体会
2014/09/09 职场文书
简历自我评价范文
2019/04/24 职场文书
《暗黑破坏神2:重制版》本周进行第一轮A测 目前可官网进行申请报名
2021/04/07 其他游戏
MySQL删除和插入数据很慢的问题解决
2021/06/03 MySQL
大脑的记忆过程在做数据压缩,不同图形也有共同的记忆格式
2022/04/29 数码科技