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 相关文章推荐
JQuery FlexiGrid的asp.net完美解决方案 dotNetFlexGrid-.Net原生的异步表格控件
Sep 12 Javascript
js下将字符串当函数执行的方法
Jul 13 Javascript
jquery创建表格(自动增加表格)代码分享
Dec 25 Javascript
js 获取元素下面所有li的两种方法
Apr 14 Javascript
js控制鼠标事件移动及移出效果显示
Oct 19 Javascript
jQuery实现的鼠标经过时变宽的效果(附demo源码)
Apr 28 Javascript
JS判断指定dom元素是否在屏幕内的方法实例
Jan 23 Javascript
vue 国际化 vue-i18n 双语言 语言包
Jun 07 Javascript
Bootstrap Paginator+PageHelper实现分页效果
Dec 29 Javascript
vue element动态渲染、移除表单并添加验证的实现
Jan 16 Javascript
JS通用方法触发点击事件代码实例
Feb 17 Javascript
vue实现移动端H5数字键盘组件使用详解
Aug 25 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中的正规表达式(一)
2006/10/09 PHP
php+ajax实现无刷新分页的方法
2014/11/04 PHP
thinkPHP统计排行与分页显示功能示例
2016/12/02 PHP
PHP用PDO如何封装简单易用的DB类详解
2017/07/30 PHP
PHP用函数嵌入网站访问量计数器
2017/10/27 PHP
PHP实现数据四舍五入的方法小结【4种方法】
2019/03/27 PHP
弹出广告特效(一个IP只弹出一次)的代码
2007/07/27 Javascript
详解JavaScript基于面向对象之创建对象(2)
2015/12/10 Javascript
jQuery实现的分子运动小球碰撞效果
2016/01/27 Javascript
基于jQuery实现二级下拉菜单效果
2016/02/01 Javascript
JavaScript遍历求解数独问题的主要思路小结
2016/06/12 Javascript
JavaScript数据类型学习笔记分享
2016/09/01 Javascript
JS实现的系统调色板完整实例
2016/12/21 Javascript
js for循环倒序输出数组元素的实例
2017/03/01 Javascript
JavaScript实现三级联动菜单实例代码
2017/06/26 Javascript
js循环map 获取所有的key和value的实现代码(json)
2018/05/09 Javascript
详解vue-cli项目中怎么使用mock数据
2018/05/29 Javascript
vue 监听屏幕高度的实例
2018/09/05 Javascript
vue elementUI使用tabs与导航栏联动
2019/06/21 Javascript
Vue.js 中制作自定义选择组件的代码附演示demo
2020/02/28 Javascript
JavaScript或jQuery 获取option value值方法解析
2020/05/12 jQuery
three.js如何实现3D动态文字效果
2021/03/03 Javascript
Python抓取京东图书评论数据
2014/08/31 Python
Python里disconnect UDP套接字的方法
2015/04/23 Python
python中将一个全部为int的list 转化为str的list方法
2018/04/09 Python
Html5 实现微信分享及自定义内容的流程
2019/08/20 HTML / CSS
摩顿布朗英国官方网上商店:奢华沐浴、身体和头发护理
2016/10/29 全球购物
业务员岗位职责范本
2013/12/15 职场文书
可贵的沉默教学反思
2014/02/06 职场文书
企业管理标语
2014/06/10 职场文书
服务标语大全
2014/06/18 职场文书
镇副书记专题民主生活会对照检查材料思想汇报
2014/10/02 职场文书
幼儿园感恩节活动方案
2014/10/06 职场文书
临床医学生职业规划书范文
2014/10/25 职场文书
2015年考研复习计划
2015/01/19 职场文书
写作技巧:优秀文案必备的3种结构
2019/08/19 职场文书