会话超时后的 Jquery .load() 函数

Question

问题： 我在页面上有一个按钮，它激活了一个 JQuery 脚本：

function loadPage(elementId, typeId) { alert("loadPage/" + typeId); $("#" + elementId).load("loadPage/" + typeId); }

但是当我在会话过期后点击它时，我并没有重定向到登录页面，而是在父页面中加载了登录页面，这不是我需要的。

here is a screenshot:

安全配置：

<http auto-config="true">
    <intercept-url pattern='/login' access='permitAll' />
    <intercept-url pattern='/**' access="hasRole('ROLE_ADMIN')"/>

    <form-login login-page="/login" authentication-failure-url="/login?error"
                default-target-url="/projects"
                username-parameter="email" password-parameter="password"/>
    <logout logout-success-url="/login?logout"/>
</http>

<security:authentication-manager id="authenticationManager">
    <security:authentication-provider user-service-ref="userServiceImpl">
        <!--<password-encoder ref="encoder"></password-encoder>-->
    </security:authentication-provider>
</security:authentication-manager>

登录控制器：

@RequestMapping(value = "/login", method = RequestMethod.GET)
public String loginPage() {
    return "login";
}

现在我不知道如何处理它。如何将此行为更改为重定向到登录页面？

Answer 1

问题是，您尝试将内容加载到 div 或 span 中，而登录页面本身就是一个“完整”页面。

您可以通过 js/jquery 检查内容是否为登录页面，带有标志或其他内容，并在打开后重定向到登录页面。

放一些类似的东西

<!-- loginpageflag -->

进入您的登录页面并执行类似

的操作

function loadPage(elementId, typeId) {
    $.ajax({
        url: "loadPage/" + typeId, 
        type: "GET", 
        dataType: "html", 
        success: function (data) { 
            alert(data);
            if(data.indexOf("loginpageflag") > -1) { 
                window.location.replace("/login"); 
            } 
            var selection = $("#" + elementId); 
            selection.empty(); 
            selection.append(data); 
        }
    });
}