0

大家好，我有下一个 ajax 调用登录。我序列化表单并将数据发送到服务器并返回重定向 url 链接。我的问题是我发布后的网址就像

http://localhost:50802/?username=&password= and not http://localhost:50802/Home

$.ajax({
                type: "POST",
                url: "Login/Login",
                dataType: 'json',
                contentType: "application/json; charset=utf-8",
                data: loginJson,
                cache: true,
                async: false,
                complete: function (result) {
                    alert(result.link);
                    window.location.replace = "/Home/Index";
                },
                error: function () {
                    $("#username").val("");
                    $("#password").val("");
                    alert("Wrong Username or Password!");
                }
            }); //end ajax call
4

2 回答 2

0

尝试在提交函数结束时返回 false

$('#id_of_your_form').submit(function(e) {
$.ajax({
    type: "POST",
    url: "Login/Login",
    dataType: 'json',
    contentType: "application/json; charset=utf-8",
    data: loginJson,
    cache: true,
    async: false,
    complete: function (result) {
        window.location = "/Home/Index";
    },
    error: function () {
        $("#username").val("");
        $("#password").val("");
        alert("Wrong Username or Password!");
    }
}); //end ajax call
return false; });

另一种选择当然是从控制器返回正确的重定向链接，而不是在 java 脚本中覆盖它。

于 2013-07-25T09:05:17.240 回答
0

看起来您在提交按钮或表单事件中编写了此$.ajax调用，而没有通过从回调中返回 false 或调用参数来取消默认操作。您的代码应如下所示：.click.submitpreventDefault

$('#id_of_your_form').submit(function(e) {
    e.preventdefault(); // <-- That's what I am talking about and what you forgot

    $.ajax({
        type: "POST",
        url: "Login/Login",
        dataType: 'json',
        contentType: "application/json; charset=utf-8",
        data: loginJson,
        cache: true,
        async: false,
        complete: function (result) {
            window.location.replace = "/Home/Index";
        },
        error: function () {
            $("#username").val("");
            $("#password").val("");
            alert("Wrong Username or Password!");
        }
    }); //end ajax call
});

还有async: false,？？？你知道这是做什么的，你知道吗？那不是 AJAX。这是对您的网络服务器的阻塞同步调用，在此期间客户端浏览器将像冰河世纪 2 一样冻结，破坏所有用户体验。

于 2013-07-24T20:52:18.663 回答