解决ExtJs中ajax重定向的问题

时间 2019-12-05

原文原文链接

首先要明确的是，ajax是局部刷新，是不支持重定向的，只能经过window.location.href='http://xxx/error.html'的方式实现，在后台重定向只会把html返回给前台，页面并不会跳转。javascript

需求

首先咱们项目采用的是extJs作UI框架，后台是SSM。如今项目要加入简单数据权限过滤的功能，因而我使用过滤器，获取用户访问的接口地址，判断只要与session中的能够访问的数据接口权限不匹配，那么就跳转到无权限的错误页面。html

问题

问题来了，ExtJs都是采用ajax向后台发送请求，这时候若是重定向到无权限的错误页面就会产生问题。最直接的解决方案就是，每个向后台发送的ajax请求，后台都会返回message，而后判断messsage，不符合条件就window.location.href='http://xxx/error.html'。可是，若是初期有这样的设计就行了，但我这个项目是后期才加权限的功能，若是一个个改起来，确定是不可能的。java

解决方法

解决方法1

新建一个js文件，添加以下代码：ajax

//为Ext的ajax添加监听
//requestcomplete:请求完成
Ext.Ajax.addListener("requestcomplete",function(conn, response, options, eOpts){
    //后台也能够放入请求头还获取错误信息，前台经过`response.getAllResponseHeaders()`来获取
    //var msg = response.getAllResponseHeaders();
    if(response.responseText.indexOf('error') != -1){
        window.location.href='http://xxx/error.html';
    }
},this);

通常咱们的项目都是一个主的main.jsp，而后里面一个个ExtJs的iframe，因此在main.jsp中直接引入刚才新建的js，当ajax请求完成后，接收到后台返回的message，不符合条件，跳转到错误页面。session

解决方法2

方法2比较通用也比较简单，直接在filter中使用out.print输出一段js进行跳转。框架

UserVo u = (UserVo) session.getAttribute("user");
    if (u == null) {
    PrintWriter out = res.getWriter();
    if (req.getHeader("x-requested-with") != null && req.getHeader("x-requested-with").equals("XMLHttpRequest")) {
        String message = path + "/user/loginHome";
        out.print(message);
        return;
    }else {
        out.println("<html>");
        out.println("<script>");
        out.println("alert('登陆超时!请从新登陆')");
        out.println("window.open ('" + path + "/user/loginHome','_top')");
        out.println("</script>");
        out.println("</html>");
        return;
    }