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 相关文章推荐
AJAX使用了UpdatePanel后无法使用alert弹出脚本
Apr 02 Javascript
js 创建快捷方式的代码(fso)
Nov 19 Javascript
JS关闭窗口与JS关闭页面的几种方法小结
Dec 17 Javascript
JS 打印功能代码可实现打印预览、打印设置等
Oct 31 Javascript
jQuery实现网页顶部固定导航效果代码
Dec 24 Javascript
jQuery animate和CSS3相结合实现缓动追逐效果附源码下载
Apr 18 Javascript
Bootstrap table简单使用总结
Feb 15 Javascript
理解Angular的providers给Http添加默认headers
Jul 04 Javascript
tangram.js库实现js类的方式实例分析
Jan 06 Javascript
基于jQuery实现无缝轮播与左右点击效果
May 13 jQuery
vue实现短信验证码输入框
Apr 17 Javascript
JS实现按比例缩小图片宽高
Aug 24 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 5.3.0 安装分析心得
2009/08/07 PHP
thinkphp实现like模糊查询实例
2014/10/29 PHP
php采用ajax数据提交post与post常见方法总结
2014/11/10 PHP
CI框架实现优化文件上传及多文件上传的方法
2017/01/04 PHP
php获取linux命令结果的实例
2017/03/13 PHP
php 获取xml接口数据的处理方法
2018/05/31 PHP
PHP实现支持CURL字符串证书传输的方法
2019/03/23 PHP
用cookies实现的可记忆的样式切换效果代码下载
2007/12/24 Javascript
Javascript 垃圾收集机制介绍理解
2013/05/14 Javascript
javascript中的绑定与解绑函数应用示例
2013/06/24 Javascript
原生javascript模仿win8等待提示圆圈进度条
2014/04/24 Javascript
纯js实现遮罩层效果原理分析
2014/05/27 Javascript
jquery实现不包含当前项的选择器实例
2015/06/25 Javascript
jquery popupDialog 使用 加载jsp页面的方法
2016/10/25 Javascript
详解Vue爬坑之vuex初识
2017/06/14 Javascript
带你了解session和cookie作用原理区别和用法
2017/08/14 Javascript
vue使用ElementUI时导航栏默认展开功能的实现
2018/07/04 Javascript
React中嵌套组件与被嵌套组件的通信过程
2018/07/11 Javascript
微信小程序HTTP接口请求封装的实现
2019/02/21 Javascript
javascript实现fetch请求返回的统一拦截
2019/12/22 Javascript
json_decode 索引为数字时自动排序问题解决方法
2020/03/28 Javascript
JavaScript通如何过RGraph实现动态仪表盘
2020/10/15 Javascript
python strip()函数 介绍
2013/05/24 Python
如何使用python爬取csdn博客访问量
2016/02/14 Python
Python的Socket编程过程中实现UDP端口复用的实例分享
2016/03/19 Python
python列表,字典,元组简单用法示例
2019/07/11 Python
使用sklearn对多分类的每个类别进行指标评价操作
2020/06/11 Python
美国创意之家:BulbHead
2017/07/12 全球购物
酒店管理毕业生自荐信
2013/10/24 职场文书
《理想》教学反思
2014/02/17 职场文书
教师师德师风个人整改方案
2014/09/18 职场文书
2014市国税局对照检查材料思想汇报
2014/09/23 职场文书
刑事和解协议书范本
2014/11/19 职场文书
大学生自荐材料范文
2014/12/30 职场文书
2015年统战工作总结
2015/05/19 职场文书
字节飞书面试promise.all实现示例
2022/06/16 Javascript