如何正确地从 jquery 调用 ajax 到 Servlet？ [复制]

Question

我在调用 ajax 请求时遇到问题。Servlet 返回整个页面作为响应

HTML 代码

<form action="userlogin" method="POST">
            User name : <input type="text" name="username" id="username"/><br/>
            Password : <input type="text" name="password" id="password"/><br/>
            <input type="submit" value="Login" name="submitbtn" id="submitbtn"/><br/>
            <label id="failedText"></label>
</form>

JQuery 代码

$(document).ready(function () {
$("input[name='submitbtn']").click(function (e) {
    e.preventDefault();
    $.ajax({
        url: 'userlogin',
        type: 'POST',
        data: $("form[action='userlogin']").serializeArray(),
        success: function (responseText) {
            if (responseText != 'failure')
                $("form[action='userlogin']").submit();
            else
                $('#failedText').text('Invalid Username or password');
        }
    });

});
});

Serlet 代码

String username = request.getParameter("username");
String password = request.getParameter("password");
response.setContentType("text/plain");
response.setCharacterEncoding("UTF-8");
if (username.equals("admin") && password.equals("password")) {
    path = "adminhome.html";
    response.sendRedirect(path);
}else
    response.getWriter().write("failure");

如果失败，它会按照我想要的方式工作，如果成功，我需要导航到管理主页，但代码会以整个页面作为响应文本进行响应。

Answer 1

当您执行response.sendRedirect(path) 时，浏览器将再次调用以加载新路径。在您的情况下，对userlogin 的第一个请求 是一个 AJAX 调用，$.ajax 将遵循重定向并获取要呈现的最终 html，因此您将获得该结果。 不用sendRedirect，您可以将路径作为字符串返回并使用JS加载内容。

更新用于管理员用户检查的 Servlet 代码

if (username.equals("admin") && password.equals("password")) {
    path = "adminhome.html";
    response.getWriter().write(path);
}

并将 JS 更新为

success: function (responseText) {
    if (responseText != 'failure')
        // make sure you provide the correct URL from the server
        window.location = responseText;
    else
        $('#failedText').text('Invalid Username or password');
}