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 相关文章推荐
javascript instanceof,typeof的区别
Mar 24 Javascript
jquer之ajaxQueue简单实现代码
Sep 15 Javascript
深入理解javascript的执行顺序
Apr 04 Javascript
jQuery中DOM树操作之复制元素的方法
Jan 23 Javascript
使用window.prompt()实现弹出用户输入的对话框
Apr 13 Javascript
JS+CSS实现下拉刷新/上拉加载插件
Mar 31 Javascript
JavaScript结合HTML DOM实现联动菜单
Apr 05 Javascript
解决Vue中引入swiper,在数据渲染的时候,发生不滑动的问题
Sep 27 Javascript
详解Jest结合Vue-test-utils使用的初步实践
Jun 27 Javascript
原生JS 实现的input输入时表格过滤操作示例
Aug 03 Javascript
Vue两种组件类型:递归组件和动态组件的用法
Aug 06 Javascript
vue项目配置同一局域网可使用ip访问的操作
Oct 23 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
Terran剧情介绍
2020/03/14 星际争霸
《魔兽争霸3》重制版究竟重制了什么?玩家:这么糊弄真的好吗?
2020/05/04 魔兽争霸
基于PHP与XML的PDF文档生成技术
2006/10/09 PHP
phpMyAdmin 安装及问题总结
2009/05/28 PHP
php调用C代码的实现方法
2014/03/11 PHP
Laravel中日期时间处理包Carbon的简单使用
2017/09/21 PHP
Javascript客户端脚本的设计和应用
2006/08/21 Javascript
js+FSO遍历文件夹下文件并显示
2007/03/07 Javascript
js如何设置在iframe框架中指定div不显示
2013/12/04 Javascript
在linux中使用包管理器安装node.js
2015/03/13 Javascript
jquery实现弹出层效果实例
2015/05/19 Javascript
详解AngularJS过滤器的使用
2016/03/11 Javascript
ionic3+Angular4实现接口请求及本地json文件读取示例
2017/10/11 Javascript
详解react-native WebView 返回处理(非回调方法可解决)
2018/02/27 Javascript
vue初始化动画加载的实例
2018/09/01 Javascript
微信小程序实现顶部下拉菜单栏
2018/11/04 Javascript
js中的reduce()函数讲解
2019/01/18 Javascript
node(koa2) web应用模块介绍详解
2019/03/29 Javascript
在layui框架中select下拉框监听更改事件的例子
2019/09/20 Javascript
[00:36]DOTA2上海特级锦标赛 Archon战队宣传片
2016/03/04 DOTA
Python入门篇之编程习惯与特点
2014/10/17 Python
python之django母板页面的使用
2018/07/03 Python
python实现简单的文字识别
2018/11/27 Python
python装饰器常见使用方法分析
2019/06/26 Python
Python Django 简单分页的实现代码解析
2019/08/21 Python
Python计算两个矩形重合面积代码实例
2019/09/16 Python
手动安装python3.6的操作过程详解
2020/01/13 Python
马来西亚航空官方网站:Malaysia Airlines
2017/07/28 全球购物
伊芙丽官方旗舰店:中国淑女一线品牌
2017/12/01 全球购物
世界上最全面的草药补充剂和顶级品牌维生素网站:HerbsPro
2019/01/20 全球购物
东南亚冒险旅行与活动:Adventoro
2019/10/16 全球购物
代理人委托书
2014/09/16 职场文书
保管员岗位职责
2015/02/14 职场文书
财务人员个人工作总结
2015/02/27 职场文书
python函数指定默认值的实例讲解
2021/03/29 Python
JavaScript 反射学习技巧
2021/10/16 Javascript