zoukankan      html  css  js  c++  java
  • 统一处理jquery ajax请求过程中的异常错误信息的机制

    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事件执行处理,ajax方法中有error,先处理error,再冒泡到此处的error
                $(document).ajaxError(
    
                        //所有ajax请求异常的统一处理函数,处理
                        function(event,xhr,options,exc ){
                            if(xhr.status == 'undefined'){
                                return;
                            }
                            switch(xhr.status){
                                case 403:
                                    // 未授权异常
                                    alert("系统拒绝:您没有访问权限。");
                                    break;
    
                                case 404:
                                    alert("您访问的资源不存在。");
                                    break;
                            }
                        }
                );
            });

    或者定义全局ajaxerror方法:(如果页面ajax请求中,有error的处理方法,此处不执行)
    $(function () {
        $.ajaxSetup({
            error:function(request){
                if (!request || request.status == 0)
                    return;
                if (request.status == 318) { //
                    var inReload = request.getResponseHeader('in-reload');
                    if (inReload == 1) {
                        var check = confirm("此次会话已超时,点击'确定',重新登录");
                        if(check) {
                            top.location.href = decodeURI(top.location.href.split(';')[0]);
                        }
                        return;
                    }
                }
            },
            complete: function (request, status) {
                try {
                    var inFefresh = request.getResponseHeader('is-refresh');
                    var inLogin = request.getResponseHeader('in-login');
                    var refreshUrl = request.getResponseHeader('refresh-url');
                    if (inFefresh == '1' || inLogin == '1') {
                        if (refreshUrl == null || refreshUrl == '') {
                            window.location.reload();
                        } else {
                            try {
                                refreshUrl = decodeURI(refreshUrl);
                                top.location.href = refreshUrl;
                            } catch (e) {
                                window.location.reload();
                            }
                        }
                    }
                } catch (e) {
                    //后台没有设置responseHeader则不做处理
                }
            }
        });
    });
     

    对于非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>
  • 相关阅读:
    一名3年工作经验的程序员面试分享应该具备的技能
    [activiti] Activiti 5.18 的Mybatis版本依赖问题
    [java] JVM监控与调优
    [mysql] mysqldump 导出数据库表
    【extjs】 extjs5 Ext.grid.Panel 搜索示例
    [tomcat] tomcat+nginx 负载均衡配置
    [mysql] mysql explain 使用
    Oracle自用脚本(持续更新)
    Mysql 简单问题汇总(持续更新)
    开源项目导入eclipse的一般步骤
  • 原文地址:https://www.cnblogs.com/winkey4986/p/5500877.html
Copyright © 2011-2022 走看看