jquery中ajax使用error调试错误的方法


Posted in Javascript onFebruary 08, 2015

本文实例讲述了jquery中ajax使用error调试错误的方法。分享给大家供大家参考。具体分析如下:

JQuery使我们在开发Ajax应用程序的时候提高了效率,减少了许多兼容性问题,我们在Ajax项目中,遇到ajax异步获取数据出错怎么办,我们可以通过捕捉error事件来获取出错的信息。

jquery中ajax的常用用法类似于:

$(document).ready(function() {
  jQuery("#clearCac").click(function() {
 jQuery.ajax({
   url: url,
   type: "post",
   data: { id: '0' },
   dataType: "json",
   success: function(msg) {
 alert(msg);
   },
   error: function(XMLHttpRequest, textStatus, errorThrown) {
 alert(XMLHttpRequest.status);
 alert(XMLHttpRequest.readyState);
 alert(textStatus);
   },
   complete: function(XMLHttpRequest, textStatus) {
 this; // 调用本次AJAX请求时传递的options参数
   }
 });
  });
});

当通过ajax异步调用成功时,会调用 success函数 。success函数语法为:

//请求成功后回调函数。这个方法有两个参数:服务器返回数据,返回状态
 function (data, textStatus)
 {
  // data could be xmlDoc, jsonObj, html, text, etc...   
  this;
 // the options for this ajax request
 }

当通过ajax异步调用出错时,会调用 error函数 。error函数语法为:

//(默 认: 自动判断 (xml 或 html)) 请求失败时调用时间。
//参数有以下三个:XMLHttpRequest 对象、错误信息、(可选)捕获的错误对象。
//如果发生了错误,错误信息(第二个参数)除了得到null之外,
//还可能是"timeout", "error", "notmodified" 和 "parsererror"。
 
//textStatus: "timeout", "error", "notmodified" 和 "parsererror"。

error:function (XMLHttpRequest, textStatus, errorThrown) 
{ 
 
}

error事件返回的第一个参数XMLHttpRequest:
XMLHttpRequest.readyState: 状态码的意思
0 - (未初始化)还没有调用send()方法
1 - (载入)已调用send()方法,正在发送请求
2 - (载入完成)send()方法执行完成,已经接收到全部响应内容
3 - (交互)正在解析响应内容
4 - (完成)响应内容解析完成,可以在客户端调用了
 
发送error可能有下面两张引起的,或者其他程序问题,需要我们认真仔细。
1、data:"{}", data为空也一定要传"{}";不然返回的是xml格式的。并提示parsererror.
2、parsererror的异常和Header 类型也有关系。及编码header('Content-type: text/html; charset=utf8');

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
深入解析JavaScript中的变量作用域
Dec 06 Javascript
js中各种类型的变量在if条件中是true还是false
Jul 16 Javascript
javascript折半查找详解
Jan 26 Javascript
jQuery实现切换字体大小的方法
Mar 10 Javascript
老生常谈javascript的类型转换
Oct 12 Javascript
es6学习笔记之Async函数基本教程
May 11 Javascript
JavaScript实现图片的放大缩小及拖拽功能示例
May 14 Javascript
Layui Table js 模拟选中checkbox的例子
Sep 03 Javascript
Vue3 源码导读(推荐)
Oct 14 Javascript
vue 重塑数组之修改数组指定index的值操作
Aug 09 Javascript
vue 接口请求地址前缀本地开发和线上开发设置方式
Aug 13 Javascript
原生JS实现pc端轮播图效果
Dec 21 Javascript
JQuery中extend的用法实例分析
Feb 08 #Javascript
jQuery中noConflict()用法实例分析
Feb 08 #Javascript
jquery实现聚光灯效果的方法
Feb 06 #Javascript
js实现Select下拉框具有输入功能的方法
Feb 06 #Javascript
JQuery中serialize()用法实例分析
Feb 06 #Javascript
jQuery中on()方法用法实例详解
Feb 06 #Javascript
JS实现文字向下滚动完整实例
Feb 06 #Javascript
You might like
我的论坛源代码(七)
2006/10/09 PHP
解析php取整的几种方式
2013/06/25 PHP
thinkPHP5框架中widget的功能与用法详解
2018/06/11 PHP
yii2.0框架场景的简单使用示例
2020/01/25 PHP
一个不错的用JavaScript实现的UBB编码函数
2007/03/09 Javascript
不用写JS也能使用EXTJS视频演示
2008/12/29 Javascript
js 将json字符串转换为json对象的方法解析
2013/11/13 Javascript
javascript实现倒计时N秒后网页自动跳转代码
2014/12/11 Javascript
微信JS接口汇总及使用详解
2015/01/09 Javascript
EasyUI中datagrid在ie下reload失败解决方案
2015/03/09 Javascript
JavaScript中的Math.LOG2E属性使用详解
2015/06/14 Javascript
不定义JQuery插件 不要说会JQuery
2016/03/07 Javascript
JS中跨页面调用变量和函数的方法(例如a.js 和 b.js中互相调用)
2016/11/01 Javascript
JS 实现banner图片轮播效果(鼠标事件)
2017/08/04 Javascript
微信小程序 五星评分的实现实例
2017/08/04 Javascript
Vue项目全局配置微信分享思路详解
2018/05/04 Javascript
vue-cli2打包前和打包后的css前缀不一致的问题解决
2018/08/24 Javascript
Vue起步(无cli)的啊教程详解
2019/04/11 Javascript
[12:29]《一刀刀一天》之DOTA全时刻19:蝙蝠骑士田伯光再度不举
2014/06/10 DOTA
[04:54]DOTA2 2017国际邀请赛:上届冠军WINGS采访短片
2017/08/09 DOTA
[02:33]2018 DOTA2亚洲邀请赛回顾视频 再次拾起那些美妙的时刻
2018/04/10 DOTA
[01:32]dota2拉比克至宝(222)
2018/12/20 DOTA
Python编程之属性和方法实例详解
2015/05/19 Python
Django 多环境配置详解
2019/05/14 Python
python3下载抖音视频的完整代码
2019/06/05 Python
django多个APP的urls设置方法(views重复问题解决)
2019/07/19 Python
Python Opencv中用compareHist函数进行直方图比较对比图片
2020/04/07 Python
Python将list元素转存为CSV文件的实现
2020/11/16 Python
calendar在python3时间中常用函数举例详解
2020/11/18 Python
J2EE中的容器都包括哪些
2013/08/21 面试题
我们的节日清明节活动总结
2014/04/30 职场文书
中秋节国旗下演讲稿
2014/09/13 职场文书
民主评议政风行风活动心得体会
2014/10/29 职场文书
党员干部廉洁自律承诺书
2015/04/28 职场文书
JavaWeb 入门篇(3)ServletContext 详解 具体应用
2021/07/16 Java/Android
redis 解决库存并发问题实现数量控制
2022/04/08 Redis