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 相关文章推荐
jqPlot jquery的页面图表绘制工具
Jul 25 Javascript
js 编写规范
Mar 03 Javascript
JavaScript 异步方法队列链实现代码分析
Jun 05 Javascript
jQuery 1.5 源码解读 面向中高阶JSER
Apr 05 Javascript
Javascript 数组去重的方法(四种)详解及实例代码
Nov 24 Javascript
JavaScript实现简单的星星评分效果
May 18 Javascript
AngularJS实用基础知识_入门必备篇(推荐)
Jul 10 Javascript
浅谈redux以及react-redux简单实现
Aug 28 Javascript
vue路由守卫,限制前端页面访问权限的例子
Nov 11 Javascript
jquery实现两个div中的元素相互拖动的方法分析
Apr 05 jQuery
5个你不知道的JavaScript字符串处理库(小结)
Jun 01 Javascript
解决qrcode.js生成二维码时必须定义一个空div的问题
Jul 09 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
在WINDOWS中设置计划任务执行PHP文件的方法
2011/12/19 PHP
仿dedecms下拉分页样式修改的thinkphp分页类实例
2014/10/30 PHP
php array_map使用自定义的函数处理数组中的每个值
2016/10/26 PHP
jQuery MD5加密实现代码
2010/03/15 Javascript
在javascript将NodeList作为Array数组处理的方法
2010/07/09 Javascript
jQuery Ajax使用 全解析
2010/12/15 Javascript
用正则表达式替换图片地址img标签
2013/11/22 Javascript
jquery中的常用事件bind、hover、toggle等示例介绍
2014/07/21 Javascript
JavaScript 面向对象与原型
2015/04/10 Javascript
jQuery禁用键盘后退屏蔽F5刷新及禁用右键单击
2016/01/22 Javascript
Vue.js第二天学习笔记(vue-router)
2016/12/01 Javascript
iscroll-probe实现下拉刷新和下拉加载效果
2017/06/28 Javascript
vue 优化CDN加速的方法示例
2018/09/19 Javascript
vue使用混入定义全局变量、函数、筛选器的实例代码
2019/07/29 Javascript
用vue 实现手机触屏滑动功能
2020/05/28 Javascript
pyqt4教程之实现windows窗口小示例分享
2014/03/07 Python
Python3操作SQL Server数据库(实例讲解)
2017/10/21 Python
VSCode下配置python调试运行环境的方法
2018/04/06 Python
python实现简易内存监控
2018/06/21 Python
Django的Modelforms用法简介
2019/07/27 Python
Python 保持登录状态进行接口测试的方法示例
2019/08/06 Python
Python库skimage绘制二值图像代码实例
2020/04/10 Python
python自定义函数def的应用详解
2020/06/03 Python
基于Python实现视频的人脸融合功能
2020/06/12 Python
Python3 + Appium + 安卓模拟器实现APP自动化测试并生成测试报告
2021/01/27 Python
萨克斯第五大道的折扣店:Saks Fifth Avenue OFF 5TH
2016/08/25 全球购物
暇步士官网:Hush Puppies
2016/09/22 全球购物
三星俄罗斯授权在线商店:Samsung俄罗斯
2019/09/28 全球购物
mysql的最长数据库名,表名,字段名可以是多长
2014/04/21 面试题
大学活动邀请函
2014/01/28 职场文书
公司门卫管理制度
2014/02/01 职场文书
热爱祖国的演讲稿
2014/05/04 职场文书
六一儿童节主持开场白
2015/05/28 职场文书
python实战之一步一步教你绘制小猪佩奇
2021/04/22 Python
变长双向rnn的正确使用姿势教学
2021/05/31 Python
厉害!这是Redis可视化工具最全的横向评测
2021/07/15 Redis