表单提交后的 Ajax 调用答案

【问题标题】：Ajax call after form submit表单提交后的 Ajax 调用
【发布时间】：2013-03-25 09:21:11
【问题描述】：

在提交表单后，我遇到了以下关于 ajax 调用的问题。

$('#EVE_fileupload').on('submit', function() 
{
    var apcID = $('#APC_UPLOAD_PROGRESS').val(); 

    GetUploadProgress(apcID);
    return true;
});

在这种情况下，GetUploadProgress 函数中的 Ajax 调用总是返回错误。我猜这是由于浏览器中的提交事件。当我在提交函数中“返回 false”时，ajax 调用正常并且我得到正确的响应消息。

有人给我提示吗？

【问题讨论】：

一旦提交表单，页面会重新加载，一切都丢失了！

标签： jquery ajax form-submit

【解决方案1】：

您必须在提交表单后阻止页面刷新。这就是为什么当您返回 false 时您的表单可以正常工作的原因。

$('#EVE_fileupload').on('submit', function(e) 
{

    e.preventDefault();

    var apcID = $('#APC_UPLOAD_PROGRESS').val(); 

    GetUploadProgress(apcID);

});

【讨论】：