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-TreeView父子联动效果保持节点状态一致
Aug 12 Javascript
Cookie 注入是怎样产生的
Apr 08 Javascript
ie focus bug 解决方法
Sep 03 Javascript
javascript算法题 求任意一个1-9位不重复的N位数在该组合中的大小排列序号
Jul 21 Javascript
利用js正则表达式验证手机号,email地址,邮政编码
Jan 23 Javascript
使用js实现一个可编辑的select下拉列表
Feb 20 Javascript
情人节单身的我是如何在敲完代码之后收到12束玫瑰的(javascript)
Aug 21 Javascript
angularjs学习笔记之简单介绍
Sep 26 Javascript
Vue的百度地图插件尝试使用
Sep 06 Javascript
微信小程序实现图片上传功能实例(前端+PHP后端)
Jan 10 Javascript
vue.js+elementUI实现点击左右箭头切换头像功能(类似轮播图效果)
Sep 05 Javascript
微信小程序 函数防抖 解决重复点击消耗性能问题实现代码
Sep 12 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
一个捕获函数输出的函数
2007/02/14 PHP
PHP 5.0对象模型深度探索之对象复制
2008/03/27 PHP
php 将字符串按大写字母分隔成字符串数组
2010/04/30 PHP
用PHP实现 上一篇、下一篇的代码
2012/09/29 PHP
基于php常用正则表达式的整理汇总
2013/06/08 PHP
PHP7+Nginx的配置与安装教程详解
2016/05/10 PHP
Laravel关联模型中过滤结果为空的结果集(has和with区别)
2018/10/18 PHP
广告代码静态化js通用函数
2007/05/09 Javascript
javascript中的prototype属性使用说明(函数功能扩展)
2010/08/16 Javascript
jquery实现的鼠标拖动排序Li或Table
2014/05/04 Javascript
js style动态设置table高度
2014/10/21 Javascript
javascript实现数组内值索引随机化及创建随机数组的方法
2015/08/10 Javascript
老生常谈javascript的类型转换
2016/10/12 Javascript
JavaScript 监控微信浏览器且自带返回按钮时间
2016/11/27 Javascript
关于vue.js发布后路径引用的问题解决
2017/08/15 Javascript
Canvas实现微信红包照片效果
2018/08/21 Javascript
微信小程序功能之全屏滚动效果的实现代码
2018/11/22 Javascript
微信小程序封装的HTTP请求示例【附升级版】
2019/05/11 Javascript
详解基于mpvue微信小程序下载远程图片到本地解决思路
2019/05/16 Javascript
微信小程序动态设置图片大小的方法
2019/11/21 Javascript
Python实现定期检查源目录与备份目录的差异并进行备份功能示例
2019/02/27 Python
Python Pandas 转换unix时间戳方式
2019/12/07 Python
如何利用pygame实现简单的五子棋游戏
2019/12/29 Python
开启Django博客的RSS功能的实现方法
2020/02/17 Python
浅谈Pytorch中的自动求导函数backward()所需参数的含义
2020/02/29 Python
python正则表达式 匹配反斜杠的操作方法
2020/08/07 Python
python给list排序的简单方法
2020/12/10 Python
全球领先的全景影像品牌:Insta360
2019/08/21 全球购物
员工培训邀请函
2014/02/02 职场文书
党员干部对十八届四中全会的期盼
2014/10/17 职场文书
预备党员党支部意见
2015/06/02 职场文书
56句经典英文座右铭
2019/08/09 职场文书
CSS变量实现主题切换的方法
2021/06/23 HTML / CSS
PostgreSQL解析URL的方法
2021/08/02 PostgreSQL
logback如何自定义日志存储
2021/08/30 Java/Android
使用Python解决图表与画布的间距问题
2022/04/11 Python