jquery ajax error 函数的参数及使用

软件发布|下载排行|最新软件

当前位置:首页IT学院IT技术

jquery ajax error 函数的参数及使用

小小先生、   2021-03-04 我要评论

使用jquery的ajax方法向服务器发送请求的时候,可选的回调函数有success、complete、beforeSend、error函数等。error函数常用来进行错误信息的处理,这里着重提一下error函数的参数。

首先看一下ajax的使用场景:

$.ajax({
        url:'/Home/AjaxGetData',
        type:"post",
        timeout:5000,
        async:true,
        cache:true,
        data:"user_id=12&page=0",      //发送给服务器的数据
        dataType:"json",
        contentType:"application/x-www-form-urlencoded",
        beforeSend:function(){
            ...     //发送请求 
        },
        success:function(data){
            ...     //执行状态是200时候调用             
        },
        complete:function(){
            ...     //完成了一次请求调用       
        },
        error:function (jqXHR, textStatus, errorThrown){
            /* 错误信息处理 */
            ...     //执行状态是非200时候调用
        }
    });
 

 

 

一般error函数返回的参数有三个: function(jqXHR jqXHR, String textStatus, String errorThrown)


 第一个参数 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"(解析错误),还有可能返回空值。


第三个参数 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对象的信息*/
            alert(jqXHR.responseText);
            alert(jqXHR.status);
            alert(jqXHR.readyState);
            alert(jqXHR.statusText);
            /*弹出其他两个参数的信息*/
            alert(textStatus);
            alert(errorThrown);
        }
    });

 

猜您喜欢

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们