• jQuery---ajax---error函数及其参数详解


    使用jquery的ajax方法向服务器发送请求的时候,常常需要使用到error函数进行错误信息的处理,本文详细说明了ajax中error函数和函数中各个参数的用法。

    一般error函数返回的参数有三个:function(jqXHR jqXHR, String textStatus, String errorThrown),常见代码调用如下:

    1     $.ajax({
    2         url: '/Home/Index',            
    3         success: function (data) {
    4             alert(data);
    5         },
    6         error: function (jqXHR, textStatus, errorThrown) {
    7             /*错误信息处理*/
    8         }
    9     });

    第一个参数 jqXHR jqXHR:这里的jqXHR是一个jqXHR对象,在Jquery1.4和1.4版本之前返回的是XMLHttpRequest对象,1.5版本以后则开始使用jqXHR对象,该对象是一个超集,就是该对象不仅包括XMLHttpRequest对象,还包含其他更多的详细属性和信息。

    这里主要有4个属性:

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

    第二个参数 String textStatus:返回的是字符串类型,表示返回的状态,根据服务器不同的错误可能返回下面这些信息:

    • "timeout"         (超时)
    • "error"             (错误)
    • "abort"            (中止)
    • "parsererror"   (解析错误)
    •  null                (空值)

    第三个参数 String errorThrown:也是字符串类型,表示服务器抛出返回的错误信息,如果产生的是HTTP错误,那么返回的信息就是HTTP状态码对应的错误信息,比如:404的Not Found,500错误的Internal Server Error。

     示例代码:

     1     $.ajax({
     2         url: '/AJAX请求的URL',            
     3         success: function (data) {
     4             alert(data);
     5         },
     6         error: function (jqXHR, textStatus, errorThrown) {
     7             /*弹出jqXHR对象的信息*/
     8             alert(jqXHR.responseText);
     9             alert(jqXHR.status);
    10             alert(jqXHR.readyState);
    11             alert(jqXHR.statusText);
    12             /*弹出其他两个参数的信息*/
    13             alert(textStatus);
    14             alert(errorThrown);
    15         }
    16     });

    借鉴文章出处:https://blog.csdn.net/u014756827/article/details/52950514

  • 相关阅读:
    Linux 学习
    mac 驱动
    用wubi安装ubuntu
    Eclipse安装Svn
    XML学习
    java集合类总结
    CVS学习
    [转载]java集合类总结
    Servlet学习
    JSP介绍
  • 原文地址:https://www.cnblogs.com/seanyan/p/9345489.html
Copyright © 2020-2023  润新知