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 相关文章推荐
kmock javascript 单元测试代码
Feb 06 Javascript
javascript删除一个html元素节点的方法
Dec 20 Javascript
深入浅出分析javaScript中this用法
May 09 Javascript
jQuery仿gmail实现fixed布局的方法
May 27 Javascript
jquery任意位置浮动固定层插件用法实例
May 29 Javascript
JavaScript实现把数字转换成中文
Jun 29 Javascript
jQuery实现的tab标签切换效果示例
Sep 05 Javascript
vue2.0结合Element实现select动态控制input禁用实例
May 12 Javascript
Vue 滚动行为的具体使用方法
Sep 13 Javascript
D3.js实现拓扑图的示例代码
Jun 30 Javascript
快速解决vue-cli在ie9+中无效的问题
Sep 04 Javascript
angular将html代码输出为内容的实例
Sep 30 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/05/24 PHP
php-fpm配置详解
2014/02/12 PHP
异步加载技术实现当滚动条到最底部的瀑布流效果
2014/09/16 PHP
PHP排序算法类实例
2015/06/17 PHP
PHP如何实现Unicode和Utf-8编码相互转换
2015/07/29 PHP
PHP链表操作简单示例
2016/10/15 PHP
Javascript模块模式分析
2008/05/16 Javascript
基于jquery1.4.2的仿flash超炫焦点图播放效果
2010/04/20 Javascript
JS弹出层单纯的绝对定位居中示例代码
2014/02/18 Javascript
JavaScript 变量、作用域及内存
2015/04/08 Javascript
jQuery+canvas实现简单的球体斜抛及颜色动态变换效果
2016/01/28 Javascript
详解用node-images 打造简易图片服务器
2017/05/08 Javascript
看看“疫苗查询”小程序有温度的代码
2018/07/31 Javascript
详解微信小程序canvas圆角矩形的绘制的方法
2018/08/22 Javascript
Vue项目pdf(base64)转图片遇到的问题及解决方法
2018/10/19 Javascript
适合前端Vue开发童鞋的跨平台Weex的使用详解
2019/10/16 Javascript
Vue列表循环从指定下标开始的多种解决方案
2020/04/08 Javascript
详解使用mocha对webpack打包的项目进行"冒烟测试"的大致流程
2020/04/27 Javascript
python中sleep函数用法实例分析
2015/04/29 Python
基于Python数据可视化利器Matplotlib,绘图入门篇,Pyplot详解
2017/10/13 Python
Python实现调度算法代码详解
2017/12/01 Python
Python中getpass模块无回显输入源码解析
2018/01/11 Python
python实现人脸识别经典算法(一) 特征脸法
2018/03/13 Python
基于python进行抽样分布描述及实践详解
2019/09/02 Python
Python3+Flask安装使用教程详解
2021/02/16 Python
中国宠物用品商城:E宠商城
2016/08/27 全球购物
Reformation官网:美国女装品牌
2018/09/14 全球购物
软件设计的目标是什么
2016/12/04 面试题
大学生自我评价怎样写好
2013/10/23 职场文书
社团成立邀请函
2014/01/08 职场文书
宗教学大学生职业生涯规划范文
2014/02/08 职场文书
药剂专业个人求职信范文
2014/04/29 职场文书
2014年业务工作总结
2014/11/17 职场文书
金秋助学感谢信
2015/01/21 职场文书
图文详解matlab原始处理图像几何变换
2021/07/09 Python
Ruby使用Mysql2连接操作MySQL
2022/04/19 Ruby