ajax請求後臺,response.sendRedirect失效,無法重定向

今天在寫項目的時候,想加一個切換用戶,需要清除session並且跳轉到登錄頁面,發起一個ajax請求後,執行完發現無法跳轉。

原因在於:
(從網上摘錄)
Ajax只是利用腳本訪問對應url獲取數據而已,不能做除了獲取返回數據以外的其它動作了。所以瀏覽器端是不會發起重定向的。
1)正常的http url請求,只有瀏覽器和服務器兩個參與者。瀏覽器端發起一個http請求,服務器端處理後發起一個重定向,瀏覽器端從response中獲取到重定向地址,發起另一個http url請求。也就是說,瀏覽器會按照response中的內容進行響應(如重定向),這是瀏覽器的功能決定的就得響應。
2)Ajax請求,參與者就有三個即ajax、客戶端、服務器,ajax處於客戶端和服務器兩者之間。過程是客戶端發起一個ajax請求,服務器端處理後,如果發起一個重定向,然後ajax會怎麼辦呢?它只會獲取剛纔請求返回的數據,其他的任何動作一概不去做,ajax是這麼做的(ajax功能就是這麼設定的,ajax框架源代碼也是這麼寫的)。
也就是說,引入了ajax之後,ajax就插在瀏覽器和服務器之間了,服務器給瀏覽器的response被ajax攔截了,但是ajax本身卻什麼都不做,也不轉達。

解決方法:
1.後臺做完清除session後,傳一個值給前臺判斷,在前臺進行頁面的跳轉。
後臺:

  @RequestMapping("/clearSession.html")
    public void clearSession(HttpServletRequest request,HttpServletResponse response)throws Exception{
        HttpSession session = request.getSession();
        BaseUser user = (BaseUser) request.getSession().getAttribute(Constants.USER_INFO);
        if(user!=null){//防止執行清除session的方法時,session已經過期。
            session.invalidate();
        }

前臺:

   success: function(data){
                        window.location.replace("/Nidson-ssm/login.jsp");
                    },
                    error:function(data) {
                        alert("服務器出錯");
                        window.location.replace("/Nidson-ssm/login.jsp");
                    },

2.後臺攔截ajax請求。

後臺:

  //對於請求是ajax請求重定向問題的處理方法
        public void reDirect(HttpServletRequest request, HttpServletResponse response) throws IOException{
            //獲取當前請求的路徑
            String basePath = request.getScheme() + "://" + request.getServerName() + ":"  + request.getServerPort()+request.getContextPath();
            //如果request.getHeader("X-Requested-With") 返回的是"XMLHttpRequest"說明就是ajax請求,需要特殊處理
            if("XMLHttpRequest".equals(request.getHeader("X-Requested-With"))){
                //告訴ajax我是重定向
                response.setHeader("REDIRECT", "REDIRECT");
                //告訴ajax我重定向的路徑
                response.setHeader("CONTENTPATH", basePath+"/login.html");
                response.setStatus(HttpServletResponse.SC_FORBIDDEN);
            }else{
                response.sendRedirect(basePath + "/login.html");
            }
        }

前臺:

  var jqxhr;
    //設置ajax請求完成後運行的函數,
    $.ajaxSetup({ 
        complete:function(){
            if("REDIRECT" == jqxhr.getResponseHeader("REDIRECT")){ //若HEADER中含有REDIRECT說明後端想重定向,
                var win = window;
                while(win != win.top){
                    win = win.top;
                }
                win.location.href = jqxhr.getResponseHeader("CONTENTPATH");//將後端重定向的地址取出來,使用win.location.href去實現重定向的要求
            }
        }
    });
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章