统一处理jquery ajax请求过程中的异常错误信息的机制

最新推荐文章于 2025-06-11 19:28:19 发布

原创最新推荐文章于 2025-06-11 19:28:19 发布 · 1.2w 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #ajax

jquery 同时被 2 个专栏收录

9 篇文章

订阅专栏

ajax

6 篇文章

订阅专栏

本文介绍了如何使用jQuery AJAX处理服务器返回的异常错误信息，如400、403、404、500等状态码。通过监听ajaxError事件，实现统一的异常展示和处理，避免每个请求单独处理。同时，对于非AJAX请求的异常，可以配置web.xml进行处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

当jquery ajax向服务器发送请求，服务器发生异常，比如：400、403、404、500等异常，服务器将异常响应给客户端，此时的ajax可以获取异常信息并进行处理，但此时我们一般是跳转到与异常编码对应的异常页面，对异常集中展现与处理。

首先，发送ajax请求：
$.ajax({
type: ‘POST’,
url: url,
data: data,
success: success,
dataType: dataType
});

然后，服务发生异常，将对应的异常编码响应给客户端：
response.sendError(404);
return false;

最后，将对异常的处理代码作为公共资源引入各个页面，实现统一展现、处理异常的功能，使用jquery的ajaxError事件：

事件说明：

这里写图片描述

事件使用代码：

$(function(){ 
            //.ajaxError事件定位到document对象，文档内所有元素发生ajax请求异常，都将冒泡到document对象的ajaxError事件执行处理
            $(document).ajaxError(

                    //所有ajax请求异常的统一处理函数，处理
                    function(event,xhr,options,exc ){
                        if(xhr.status == 'undefined'){
                            return;
                        }
                        switch(xhr.status){
                            case 403:
                                // 未授权异常
                                alert("系统拒绝：您没有访问权限。");
                                break;

                            case 404:
                                alert("您访问的资源不存在。");
                                break;
                        }
                    }
            );
        });

对于非ajax请求异常，直接交给web.xml来处理：

<!-- Error page -->
<error-page>
    <exception-type>java.lang.Throwable</exception-type>
    <location>/WEB-INF/views/error/500.jsp</location>
</error-page>
<error-page>
    <error-code>500</error-code>
    <location>/WEB-INF/views/error/500.jsp</location>
</error-page>
<error-page>
    <error-code>404</error-code>
    <location>/WEB-INF/views/error/404.jsp</location>
</error-page>
<error-page>
    <error-code>403</error-code>
    <location>/WEB-INF/views/error/403.jsp</location>
</error-page>
<error-page>
    <error-code>400</error-code>
    <location>/WEB-INF/views/error/400.jsp</location>
</error-page>