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 相关文章推荐
用js实现多域名不同文件的调用方法
Jan 12 Javascript
js弹窗代码 可以指定弹出间隔
Jul 03 Javascript
js实现带搜索功能的下拉框实时搜索实时匹配
Nov 05 Javascript
jQuery搜索同辈元素方法
Feb 10 Javascript
浅谈javascript实现八大排序
Apr 27 Javascript
js点击文本框弹出可选择的checkbox复选框
Feb 03 Javascript
详解VueJs前后端分离跨域问题
May 24 Javascript
vue2.0 循环遍历加载不同图片的方法
Mar 06 Javascript
微信小程序开发技巧汇总
Jul 15 Javascript
开源一个微信小程序仪表盘组件过程解析
Jul 30 Javascript
JS代码优化的8点建议
Feb 04 Javascript
js之ajax文件上传
May 13 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
php学习笔记之基础知识
2014/11/08 PHP
smarty模板引擎之分配数据类型
2015/03/30 PHP
php实现保存周期为1天的购物车类
2017/07/07 PHP
使一个函数作为另外一个函数的参数来运行的javascript代码
2007/08/13 Javascript
JAVASCRIPT下判断IE与FF的比较简单的方式
2008/10/17 Javascript
JavaScript 对象的属性和方法4种不同的类型
2010/03/19 Javascript
Extjs的FileUploadField文件上传出现了两个上传按钮
2014/04/29 Javascript
Bootstrap基础学习
2015/06/16 Javascript
详解Webwork中Action 调用的方法
2016/02/02 Javascript
Javascript中的数组常用方法解析
2016/06/17 Javascript
javascript 中模板方法单例的实现方法
2017/10/17 Javascript
原生JS+CSS实现炫酷重力模拟弹跳系统的登录页面
2017/11/01 Javascript
Node.js引入UIBootstrap的方法示例
2018/05/11 Javascript
微信小程序封装分享与分销功能过程解析
2019/08/13 Javascript
解决vue请求接口第一次成功,第二次失败问题
2020/09/08 Javascript
[06:44]2018DOTA2亚洲邀请赛4.5 SOLO赛 MidOne vs Sumail
2018/04/06 DOTA
压缩包密码破解示例分享(类似典破解)
2014/01/17 Python
python传递参数方式小结
2015/04/17 Python
python排序方法实例分析
2015/04/30 Python
Python中关于使用模块的基础知识
2015/05/24 Python
离线安装Pyecharts的步骤以及依赖包流程
2020/04/23 Python
python将ansible配置转为json格式实例代码
2017/05/15 Python
python中不能连接超时的问题及解决方法
2018/06/10 Python
使用python获取(宜宾市地震信息)地震信息
2019/06/20 Python
解决jupyter notebook 前面书写后面内容消失的问题
2020/04/13 Python
PHP基于phpqrcode类库生成二维码过程解析
2020/05/28 Python
Bootstrap File Input文件上传组件
2020/12/01 HTML / CSS
FILA斐乐中国官方商城:意大利运动品牌
2017/01/25 全球购物
什么是事务?为什么需要事务?
2012/01/09 面试题
请解释接口的显式实现有什么意义
2012/05/26 面试题
化工机械应届生求职信
2013/11/04 职场文书
出纳岗位职责范本
2013/12/01 职场文书
工程总经理工作职责
2013/12/09 职场文书
爱国口号
2014/06/19 职场文书
学校联谊协议书
2014/09/16 职场文书
行政撤诉申请书
2015/05/18 职场文书