javascript - jQuery ajax POST 登录请求

Question

我正在尝试通过表单编写 .ajax 请求来登录。当我提交表单时，success 或 error 没有任何反应 函数。我注意到，如果我在 .ajax 调用之后放置一个警报框，它也不起作用。我希望，如果我只是错误地输入了数据，我至少会期望出现错误警报框？这是我的代码:

var clientType = "clienttype"; 
$(document).ready(function(){
    $("#login-form").submit(function(e){
        $.ajax({
            type: "POST",
            url: "myurl",
            data: $(this).serialize() + "&client_type=" + clienttype, 
            success: function(data) {
                alert("sent" + data);  
            }, 
            error: function(){
                alert("Did not work");  
            }
        }); 
        e.preventDefault(); 
    }); 
});

Answer 1

我注意到您已经在使用 JQuery。因此，也许可以使用内置的 post 函数。下面的例子:

另请注意:您的变量中有一个轻微的类型:data: $(this).serialize() + "&client_type="+ clienttype, clienttype 是用大写 T 声明的: 客户端类型

var clientType = "clienttype"; 
$(document).ready(function(){
    $("#login-form").submit(function(e){
        e.preventDefault();
        $.post("myurl",{data:$(this).serialize(),client_type:clientType},function(data){
            console.log("Date returned from request:",data);
            // Returns JSON Data. So data.clientType.
        },'json');

    });
});