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 ctrl+Enter shift+Enter实现代码
Feb 07 Javascript
Ajax提交与传统表单提交的区别说明
Feb 07 Javascript
jquery form表单序列化为对象的示例代码
Mar 05 Javascript
理解javascript异步编程
Jan 27 Javascript
JavaScript SHA1加密算法实现详细代码
Oct 06 Javascript
JS限定手机版中图片大小随分辨率自动调整的方法
Dec 05 Javascript
Vue如何实现组件的源码解析
Jun 08 Javascript
利用jquery去掉时光轴头尾部线条的方法实例
Jun 16 jQuery
用vue-cli开发vue时的代理设置方法
Sep 20 Javascript
如何实现小程序tab栏下划线动画效果
May 18 Javascript
深入学习TypeScript 、React、 Redux和Ant-Design的最佳实践
Jun 17 Javascript
JS如何操作DOM基于表格动态展示数据
Oct 15 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
ThinkPHP框架实现的MySQL数据库备份功能示例
2018/05/24 PHP
return false;和e.preventDefault();的区别
2010/07/11 Javascript
jquery png 透明解决方案(推荐)
2010/08/21 Javascript
javascript权威指南 学习笔记之变量作用域分享
2011/09/28 Javascript
JS正则表达式获取分组内容的方法详解
2013/11/15 Javascript
javascript获取鼠标点击元素对象(示例代码)
2013/12/20 Javascript
window.open打开页面居中显示的示例代码
2013/12/27 Javascript
Nodejs极简入门教程(三):进程
2014/10/27 NodeJs
bootstrap datetimepicker日期插件超详细使用方法介绍
2017/02/23 Javascript
jQuery实现导航回弹效果
2017/02/27 Javascript
微信小程序 弹窗自定义实例代码
2017/03/08 Javascript
微信小程序实战之登录页面制作(5)
2020/03/30 Javascript
Angularjs为ng-click事件传递参数
2017/06/15 Javascript
webpack 2.x配置reactjs基本开发环境详解
2017/08/08 Javascript
Vue-cli-webpack搭建斗鱼直播步骤详解
2017/11/17 Javascript
基于javascript canvas实现五子棋游戏
2020/07/08 Javascript
[45:38]DOTA2上海特级锦标赛主赛事日 - 1 胜者组第一轮#1Liquid VS Alliance第一局
2016/03/02 DOTA
Python字符串详细介绍
2015/05/09 Python
在Linux系统上安装Python的Scrapy框架的教程
2015/06/11 Python
python通过elixir包操作mysql数据库实例代码
2018/01/31 Python
Python脚本利用adb进行手机控制的方法
2019/07/08 Python
django框架CSRF防护原理与用法分析
2019/07/22 Python
Python for i in range ()用法详解
2020/09/18 Python
Python3监控疫情的完整代码
2020/02/20 Python
python中判断文件结束符的具体方法
2020/08/04 Python
Python爬虫自动化获取华图和粉笔网站的错题(推荐)
2021/01/08 Python
英国护肤品购物网站:Beauty Expert
2016/08/19 全球购物
英国计算机商店:Technextday
2019/12/28 全球购物
意大利顶级奢侈品电商:LUISAVIAROMA(支持中文)
2020/05/26 全球购物
远程调用的原理
2014/07/05 面试题
设置器与访问器的定义以及各自特点
2016/01/08 面试题
老公保证书范文
2014/04/29 职场文书
政风行风评议个人心得体会
2014/10/29 职场文书
九华山导游词
2015/02/03 职场文书
志愿服务心得体会
2016/01/15 职场文书
python tkinter模块的简单使用
2021/04/07 Python