解决ExtJs中ajax重定向的问题

前端之家收集整理的这篇文章主要介绍了解决ExtJs中ajax重定向的问题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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


需求

首先我们项目采用的是extJs做UI框架,后台是SSM。现在项目要加入简单数据权限过滤的功能,于是我使用过滤器,获取用户访问的接口地址,判断只要与session中的可以访问的数据接口权限不匹配,那么就跳转到无权限的错误页面

问题

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

解决方法

解决方法1

新建一个js文件添加如下代码

//为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,不符合条件,跳转错误页面

解决方法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;
    }
原文链接:https://www.f2er.com/ajax/161545.html

猜你在找的Ajax相关文章