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同步Import,同步调用外部js的方法
Jul 08 Javascript
javascript 学习笔记(八)javascript对象
Apr 12 Javascript
node.js实现逐行读取文件内容的代码
Jun 27 Javascript
jQuery实现dialog设置focus焦点的方法
Jun 10 Javascript
如何利用JQuery实现从底部回到顶部的功能
Dec 27 Javascript
Angular 2 ngForm中的ngModel、[ngModel]和[(ngModel)]的写法
Jun 29 Javascript
bootstrap-table.js扩展分页工具栏(增加跳转到xx页)功能
Dec 28 Javascript
boostrap模态框二次弹出清空原有内容的方法
Aug 10 Javascript
监听element-ui table滚动事件的方法
Mar 26 Javascript
vue 父组件中调用子组件函数的方法
Jun 06 Javascript
JavaScript自定义超时API代码实例
Apr 30 Javascript
vue使用video插件vue-video-player详解
Oct 23 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文本数据库的搜索方法
2006/10/09 PHP
PHP中执行cmd命令的方法
2014/10/11 PHP
PHP如何搭建百度Ueditor富文本编辑器
2018/09/21 PHP
JS 的应用开发初探(mootools)
2009/12/19 Javascript
基于jquery的jqDnR拖拽溢出的修改
2011/02/12 Javascript
JavaScript操作Cookie方法实例分析
2015/05/27 Javascript
JavaScript中join()方法的使用简介
2015/06/09 Javascript
基于jQuery仿淘宝产品图片放大镜代码分享
2020/06/23 Javascript
JS更改select内option属性的方法
2015/10/14 Javascript
怎么引入(调用)一个JS文件
2016/05/26 Javascript
jQuery基于BootStrap样式实现无限极地区联动
2016/08/26 Javascript
详解Js模板引擎(TrimPath)
2016/11/22 Javascript
详谈Angular 2+ 的表单(一)之模板驱动型表单
2017/04/25 Javascript
jQuery Masonry瀑布流布局神器使用详解
2017/05/25 jQuery
微信小程序组件 marquee实例详解
2017/06/23 Javascript
详解webpack提取第三方库的正确姿势
2017/12/22 Javascript
基于node下的http小爬虫的示例代码
2018/01/11 Javascript
create-react-app构建项目慢的解决方法
2018/03/14 Javascript
JavaScript设计模式之构造函数模式实例教程
2018/07/02 Javascript
JavaScript实现JSON合并操作示例【递归深度合并】
2018/09/07 Javascript
vue中使用axios post上传头像/图片并实时显示到页面的方法
2018/09/27 Javascript
微信小程序云函数添加数据到数据库的方法
2020/03/04 Javascript
Openlayers绘制地图标注
2020/09/28 Javascript
Vue+element-ui添加自定义右键菜单的方法示例
2020/12/08 Vue.js
Python3实现简单可学习的手写体识别(实例讲解)
2017/10/21 Python
mac系统下Redis安装和使用步骤详解
2019/07/09 Python
Python类的动态绑定实现原理
2020/03/21 Python
python安装sklearn模块的方法详解
2020/11/28 Python
购买中国最好的电子产品:Geekbuying
2018/03/13 全球购物
2015年党日活动总结范文
2015/03/25 职场文书
环保证明
2015/06/23 职场文书
社区志愿服务活动感想
2015/08/07 职场文书
小公司融资,商业计划书的8切记
2019/07/15 职场文书
Spring mvc是如何实现与数据库的前后端的连接操作的?
2021/06/30 Java/Android
Python使用psutil库对系统数据进行采集监控的方法
2021/08/23 Python
Go 中的空白标识符下划线
2022/03/25 Golang