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 相关文章推荐
点击广告后才能获得下载地址
Oct 26 Javascript
客户端js性能优化小技巧整理
Nov 05 Javascript
jquery ajax请求方式与提示用户正在处理请稍等
Sep 01 Javascript
通过js获取上传的图片信息(临时保存路径,名称,大小)然后通过ajax传递给后端的方法
Oct 01 Javascript
Vue.js动态添加、删除选题的实例代码
Sep 30 Javascript
微信小程序 开发之滑块视图容器(swiper)详解及实例代码
Feb 22 Javascript
bootstrap select插件封装成Vue2.0组件
Apr 17 Javascript
基于webpack.config.js 参数详解
Mar 20 Javascript
vue.js高德地图实现热点图代码实例
Apr 18 Javascript
小程序怎样让wx.navigateBack更好用的方法实现
Nov 01 Javascript
jquery实现商品sku多属性选择功能(商品详情页)
Dec 20 jQuery
Vue+Vant 图片上传加显示的案例
Nov 03 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注释实例技巧
2008/10/03 PHP
PHP数组相关函数汇总
2015/03/24 PHP
PHP错误机制知识汇总
2016/03/24 PHP
PHP实现随机生成水印图片功能
2017/03/22 PHP
php实现的中秋博饼游戏之绘制骰子图案功能示例
2017/11/06 PHP
代码精简的可以实现元素圆角的js函数
2007/07/21 Javascript
javascript iframe内的函数调用实现方法
2009/07/19 Javascript
JavaScript 变量作用域分析
2011/07/04 Javascript
jQuery侧边栏随窗口滚动实现方法
2013/03/04 Javascript
php和js对数据库图片进行等比缩放示例
2014/04/28 Javascript
JavaScript中发布/订阅模式的简单实例
2014/11/05 Javascript
JS动态添加Table的TR,TD实现方法
2015/01/28 Javascript
JS使用oumousemove和oumouseout动态改变图片显示的方法
2015/03/31 Javascript
JavaScript获取页面中第一个锚定文本的方法
2015/04/03 Javascript
jquery ui dialog替代confirm实例分析
2016/01/25 Javascript
微信小程序中的swiper组件详解
2017/04/14 Javascript
Vue input控件通过value绑定动态属性及修饰符的方法
2017/05/03 Javascript
js中的事件委托或是事件代理使用详解
2017/06/23 Javascript
Vue2.0 多 Tab切换组件的封装实例
2017/07/28 Javascript
使用Vue的slot插槽分发父组件内容实现高度复用、更加灵活的组件(推荐)
2018/05/01 Javascript
Vue中props的使用详解
2018/06/15 Javascript
vue中使用腾讯云Im的示例
2020/10/23 Javascript
[04:38]完美世界携手游戏风云打造 卡尔工作室饰品系统篇
2013/04/25 DOTA
基于Django contrib Comments 评论模块(详解)
2017/12/08 Python
python2.7使用plotly绘制本地散点图和折线图
2019/04/02 Python
python自动保存百度盘资源到百度盘中的实例代码
2019/08/26 Python
Python 动态导入对象,importlib.import_module()的使用方法
2019/08/28 Python
keras 多任务多loss实例
2020/06/22 Python
python如何实现DES加密
2020/09/21 Python
Html5之title吸顶功能
2018/06/04 HTML / CSS
使用canvas一步步实现图片打码功能的方法
2019/06/17 HTML / CSS
浅谈amaze-ui中datepicker和datetimepicker注意的几点
2020/08/21 HTML / CSS
护理自我鉴定范文
2013/10/06 职场文书
认识深刻的检讨书
2014/02/16 职场文书
个人四风问题对照检查材料
2014/09/26 职场文书
退休教师追悼词
2015/06/23 职场文书