JS Ajax的error函数(转)

使用jquery的ajax方法向服务器发送请求的时候,经常须要使用到error函数进行错误信息的处理,jquery

通常error函数返回的参数有三个: function(jqXHR jqXHR, String textStatus, String errorThrown)。常见调用代码以下:ajax

$.ajax({ url: '/Home/AjaxGetData', success: function (data) { alert(data); }, error: function (jqXHR, textStatus, errorThrown) { /*错误信息处理*/ } });

jqXHR jqXHR:服务器

这里的jqXHR是一个jqXHR对象,在Jquery1.4和1.4版本以前返回的是XMLHttpRequest对象,1.5版本之后则开始使用jqXHR对象,函数

该对象是一个超集,就是该对象不只包括XMLHttpRequest对象,还包含其余更多的详细属性和信息。url

这里主要有4个属性:spa

  • readyState :当前状态,0-未初始化,1-正在载入,2-已经载入,3-数据进行交互,4-完成。
  • status  :返回的HTTP状态码,好比常见的404,500等错误代码。
  • statusText :对应状态码的错误信息,好比404错误信息是not found,500是Internal Server Error。
  • responseText :服务器响应返回的文本信息

String textStatuscode

返回的是字符串类型,表示返回的状态,根据服务器不一样的错误可能返回下面这些信息:对象

"timeout"(超时), "error"(错误), "abort"(停止), "parsererror"(解析错误),还有可能返回空值。blog

String errorThrown:字符串

也是字符串类型,表示服务器抛出返回的错误信息,

若是产生的是HTTP错误,那么返回的信息就是HTTP状态码对应的错误信息,

好比404的Not Found,500错误的Internal Server Error

$.ajax({ url: '/AJAX请求的URL', success: function (data) { alert(data); }, error: function (jqXHR, textStatus, errorThrown) { /*jqXHR对象的信息*/ console.log('jqXHR.responseText --> ',jqXHR.responseText); console.log('jqXHR.status --> ',jqXHR.status); console.log('jqXHR.readyState --> ',jqXHR.readyState); console.log('jqXHR.statusText --> ',jqXHR.statusText); /*其余两个参数的信息*/ console.log('textStatus --> ',textStatus); console.log('errorThrown --> ',errorThrown); } });
相关文章
相关标签/搜索