java - Ajax 登录请求在 jquery 中使用 $.post() 方法不起作用

Question

我有一个登录表单，我想将用户名密码发送到 servlet 并从那里返回响应，但我的用户名和密码甚至不会发送到 servlet 我已经搜索了很多，但没有得到任何内容，请帮助我.. 我的代码如下:

<script type="text/javascript">
$(document).ready(function () {
    $(".mloginform").submit(function () {
        var uName = $("#usernameInputField").val();
        var passwd = $("#passwordInputField").val();

        $.post("/LoginServlet", {
            username: uName,
            password: passwd
        }, function (data) {
            if (data.success) {
                alert("hello");
            }
        }, 'json');

        return false;
    });
});     
</script>

LoginServlet doPost 方法内部:

String userName=request.getParameter("username");
String passwd=request.getParameter("password");

Gson gSon=new Gson();

Map<String, Object> data = new HashMap<String, Object>();

data.put("success", true);

JsonObject myJson=new JsonObject();
myJson.add("data", gSon.toJsonTree(data));
response.setContentType("application/json");
PrintWriter out = response.getWriter();
out.write(myJson.toString());

我哪里错了。

Answer 1

$(文档).ready(函数(){

var uName = $("#usernameInputField").val();

var passwd = $("#passwordInputField").val();

var params={用户名:uName,密码:passwd};

$.ajax({
    url : "LoginServlet",
    type : "post",                      
    cache : false,
    async : false,          
    dataType : "json",
    data : params,
    contentType : "application/json; charset=utf-8",
    success : function(data) {
                  alert("hello");
            }
       });

});