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 居中漂浮广告
Mar 21 Javascript
深入理解JavaScript定时机制
Oct 29 Javascript
JavaScript实现数字数组按照倒序排列的方法
Apr 06 Javascript
javascript随机显示背景图片的方法
Jun 18 Javascript
IntersectionObserver API 详解篇
Dec 11 Javascript
JavaScript中数组的各种操作的总结(必看篇)
Feb 13 Javascript
Jquery EasyUI $.Parser
Jun 02 jQuery
Angular2环境搭建具体操作步骤(推荐)
Aug 04 Javascript
微信小程序canvas.drawImage完全显示图片问题的解决
Nov 30 Javascript
微信小程序之onLaunch与onload异步问题详解
Mar 28 Javascript
vue实现select下拉显示隐藏功能
Sep 30 Javascript
JavaScript实现消消乐的源代码
Jan 12 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取整数函数常用的四种方法小结
2012/07/05 PHP
PHP生成各种随机验证码的方法总结【附demo源码】
2017/06/05 PHP
用JavaScript 处理 URL 的两个函数代码
2007/08/13 Javascript
JS 控制非法字符的输入代码
2009/12/04 Javascript
JQuery对checkbox操作 (循环获取)
2011/05/20 Javascript
20款效果非常棒的 jQuery 插件小结分享
2011/11/18 Javascript
js事件冒泡实例分享(已测试)
2013/04/23 Javascript
用javascript判断IE版本号简单实用且向后兼容
2013/09/11 Javascript
jquery通过load获取文件的内容并跳到锚点的方法
2015/01/29 Javascript
Jquery判断radio、selelct、checkbox是否选中及获取选中值方法总结
2015/04/15 Javascript
jQuery实现的背景动态变化导航菜单效果
2015/08/24 Javascript
javascript创建对象的3种方法
2016/11/02 Javascript
koa socket即时通讯的示例代码
2018/09/07 Javascript
webpack4.0 入门实践教程
2018/10/08 Javascript
小程序自定义日历效果
2018/12/29 Javascript
nodejs中实现修改用户路由功能
2019/05/24 NodeJs
layer.open组件获取弹出层页面变量、函数的实例
2019/09/25 Javascript
js实现网页版贪吃蛇游戏
2020/02/22 Javascript
详解JavaScript自定义函数
2020/07/29 Javascript
[42:32]DOTA2上海特级锦标赛B组资格赛#2 Fnatic VS Spirit第二局
2016/02/27 DOTA
python算法学习之基数排序实例
2013/12/18 Python
python实现颜色空间转换程序(Tkinter)
2015/12/31 Python
python 实现得到当前时间偏移day天后的日期方法
2018/12/31 Python
PyQt5+Caffe+Opencv搭建人脸识别登录界面
2019/08/28 Python
Python hmac模块使用实例解析
2019/12/24 Python
Python爬虫防封ip的一些技巧
2020/08/06 Python
BONIA波尼亚新加坡官网:皮革手袋,鞋类和配件
2016/08/25 全球购物
美国体育用品在线:Modell’s Sporting Goods
2018/06/07 全球购物
计算机网络专业推荐信
2013/11/24 职场文书
园林毕业生自我鉴定范文
2013/12/29 职场文书
巡警年度自我鉴定
2014/02/21 职场文书
领导班子四风对照检查材料
2014/09/23 职场文书
故宫导游词
2015/01/31 职场文书
教你如何用python开发一款数字推盘小游戏
2021/04/14 Python
HTML页面滚动时部分内容位置固定不滚动的实现
2021/04/14 HTML / CSS
python区块链持久化和命令行接口实现简版
2022/05/25 Python