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 相关文章推荐
讲两件事:1.this指针的用法小探. 2.ie的attachEvent和firefox的addEventListener在事件处理上的区别
Apr 12 Javascript
js tab效果的实现代码
Dec 26 Javascript
javascript获得网页窗口实际大小的示例代码
Sep 21 Javascript
JS截取字符串常用方法整理及使用示例
Oct 18 Javascript
在JS方法中返回多个值的方法汇总
May 20 Javascript
JavaScript实现表格快速变色效果代码
Aug 19 Javascript
JS常见问题之为什么点击弹出的i总是最后一个
Jan 05 Javascript
node.js中module.exports与exports用法上的区别
Sep 02 Javascript
bootstrap实现点击删除按钮弹出确认框的实例代码
Aug 16 Javascript
基于element-ui组件手动实现单选和上传功能
Dec 06 Javascript
js如何实现元素曝光上报
Aug 07 Javascript
Vue封装全局过滤器Filters的步骤
Sep 16 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 类商品秒杀计时实现代码
2010/05/05 PHP
PHP mysqli_free_result()与mysqli_fetch_array()函数详解
2016/09/21 PHP
PHP快速推送微信模板消息
2017/04/14 PHP
php实现快速对二维数组某一列进行组装的方法小结
2019/12/04 PHP
JavaScript中的style.cssText使用教程
2014/11/06 Javascript
深入理解javascript严格模式(Strict Mode)
2014/11/28 Javascript
jQuery图片轮播(二)利用构造函数和原型创建对象以实现继承
2016/12/06 Javascript
js实现canvas保存图片为png格式并下载到本地的方法
2017/08/31 Javascript
如何在vue里添加好看的lottie动画
2018/08/02 Javascript
微信小程序显示倒计时功能示例【测试可用】
2018/12/03 Javascript
jquery实现聊天机器人
2020/02/08 jQuery
Ant Design的Table组件去除
2020/10/24 Javascript
python字符串连接方式汇总
2014/08/21 Python
调试Python程序代码的几种方法总结
2015/04/28 Python
Python Socket编程详细介绍
2017/03/23 Python
Python使用sorted排序的方法小结
2017/07/28 Python
python实现二分查找算法
2017/09/21 Python
python 字典有序并写入json文件过程解析
2019/09/30 Python
Python 剪绳子的多种思路实现(动态规划和贪心)
2020/02/24 Python
Softmax函数原理及Python实现过程解析
2020/05/22 Python
Python学习之time模块的基本使用
2021/01/17 Python
HTML5去掉输入框type为number时的上下箭头的实现方法
2020/01/03 HTML / CSS
详解HTML5中CSS外观属性
2020/09/10 HTML / CSS
韩国流行时尚女装网站:Dintchina(中文)
2018/07/19 全球购物
365 Tickets英国:全球景点门票
2019/07/06 全球购物
安全教育心得体会
2013/12/29 职场文书
中文教师求职信
2014/02/22 职场文书
财务科科长岗位职责
2014/03/10 职场文书
党的群众路线教育实践活动查摆剖析材料
2014/10/10 职场文书
2014年语文教师工作总结
2014/12/18 职场文书
高中班主任评语
2014/12/30 职场文书
介绍信如何写
2015/01/31 职场文书
2015年行政助理工作总结
2015/04/30 职场文书
优化经济发展环境工作总结
2015/08/11 职场文书
企业内部管理控制:银行存款控制制度范本
2020/01/10 职场文书
Nginx反向代理学习实例教程
2021/10/24 Servers