c# - jQuery 表单提交函数中的 AJAX 调用

Question

我正在使用 ASP.NET MVC。所以我的页面上有一个表单:

<form id="MyForm" name="MyForm" method="post" action="http://www.mysite.com">
    <input id="hdnType" name="hdnType" type="hidden" />
</form>

我正在使用 jQuery 提交操作在发布表单之前进行一些验证。我还需要进行 AJAX 调用以根据我未包含在此示例中的几个下拉列表中的其他值设置“hdnType”:

$('#MyForm').submit(function()
{
    if (!ValidForm())
        return false;

    $.ajax({
        type: "POST",
        url: '/Home/GetType',
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(response)
        {
            $('#hdnType').val(response);
        }
    });

    return true;
}

submit() 函数中的所有内容都应该在表单发布之前运行。在我添加 AJAX 调用之前，它工作正常，但现在当代码到达我的 AJAX 调用时，表单在我可以设置“hdnType”之前发布。

有解决办法吗？

Answer 1

ajax 调用有一个参数async。默认情况下为真。这会导致不暂停执行并完成函数。尝试将其更改为

$.ajax({
    async:false,
    type: "POST",
    url: '/Home/GetType',
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function(response)
    {
        $('#hdnType').val(response);
    }
});

这可能是一种糟糕的做法，因为它会卡住浏览器直到完成。考虑按照 Dave 的建议使用异步回调函数