javascript - Ajax 请求仅每隔一段时间工作一次

Question

我刚刚开始使用 ajax...尝试通过 post 请求使用 ajax 提交表单。由于某种原因，我编写的代码每隔一段时间就完全有效。当我第一次提交表单时，它是通过ajax 处理的。当我再次提交时，不会调用 javascript，并使用正常的 post 请求提交表单。当我第三次提交时，ajax 再次工作。等等。知道如何解决这个问题以使 ajax 每次都能工作吗？

function contact_submit() {

alert('starting');

var data = {
    name: $('#id_name').val(),
    email: $('#id_email').val(),
    title: $('#id_title').val(),
    message: $('#id_message').val(),
    csrfmiddlewaretoken: $('input[name="csrfmiddlewaretoken"]').val()
};

$('#contact_form').load("/contact/?ajax", data, function(response, status, xhr) {
    if (status == "error") {
        var msg = "Sorry but there was an error: ";
        $("#contact_form").html(msg + xhr.status + " " + xhr.statusText);
      }
});

alert('load was performed');

return false;
}

$(document).ready(function () {
//*$(document).submit(contact_submit);
$(document).on("submit","form",contact_submit);
});

Answer 1

如果您将事件附加到文档级别，则无法使用return false取消该事件。当它传播到文档级别时，表单已经提交。您应该将事件专门附加到表单(正如您已注释掉的那样)，并在 load() 调用的成功事件上再次重新附加它。