Ajax 帖子未从 mvc 控制器接收 json

Question

我的 javacript 看起来像这样：

namespace ContactPage {
$(() => {

    //contact info
    let $firstName = $('#first-name'), $lastName = $('#last-name'), $email = $('#email');
    //form
    let $form = $('#main-form');
    $form.submit(() => {
        let data = $form.serialize();
        var post = $.post('/contact', data, function () {
            console.log('posted');
        });

        post.done(function (data) {
            console.log('done', data);
        })
        .fail(function (data) {
            console.log('fail', data);
        })
        .always(function (data) {
            console.log('always', data);
        });
    });
});

}

MVC .net C# 控制器成功接收数据（代码如下所示），但是，javascript 不等待响应，浏览器最终显示 Json。我错过了什么？

    [HttpPost]
    public ActionResult Index(ContactModel model)
    {
        var cl = seretContext.ContactLogs.Create();

        cl.Email = model.email;
        cl.Comment = model.message;

        seretContext.Set<ContactLog>().Add(cl);
        seretContext.SaveChanges();

        return Json(new { redirectTo = "/" });
    }

并且cshtml有一个提交按钮如下：

<div class="text-center">
                <button id="orderForm" class="btn btn-success btn-lg" type="submit" >Send</button>
            </div>

浏览器立即显示原始 Json...而不是接收 Json 以便对其进行处理。

浏览器显示 {"redirectTo":"/"}

Answer 1

你能尝试这样的方法来捕捉所有可能的结果吗？

var post = $.post('/contact', function(){
    console.log('posted');
});

post.done(function(data) {
    console.log('done', data);
})
.fail(function(data) {
    console.log('fail', data);
})
.always(function(data) {
    console.log('always', data);
});

Answer 2

原来是一个非常愚蠢的错误——我很抱歉——表单的 id 拼写错误，所以 javascript 甚至没有得到表单。