jquery - AJAX 不提交表单

Question

这确实会阻止表单发布。我明白 preventDefault 是什么意思。但是 update() 函数不会将表单发送到提供的 URL。我不明白为什么？

更新:我在其他项目上使用了相同的脚本。我认为问题出在我的 html 中。虽然我想不通!

<form method="post" id="Name" action="updateContent.cshtml" class="abc hidden">
  <input name="currentInput" type="text" class="navbar-brand logo" value="@content.Name" />
  <input type="submit" name="currentPlaceHolder" value="Name" class="hidden" />
</form>

$(function () {
   $('.abc').submit(function (ev) {
     var frm = $(this);
     update(frm);
     ev.preventDefault();
   });
});

function update(frm) {
  $.ajax({
    type: frm.attr('method'),
    url: frm.attr('action'),
    data: frm.serialize(),
    success: function (data) {}
  });
}

Answer 1

您的表单没有方法。如果您不向 $.ajax() 调用提供 type 值，则不会发送请求，并且 error 方法将立即被调用。

这是此行为的示例:https://jsfiddle.net/csw0tu69/

要解决这个问题，只需给表单一个方法:

<form method="post" id="Name" action="updateContent.cshtml" class="abc hidden">

Working example