jquery - jQuery 确认，然后使用 ajaxForm 发布

Question

ajaxForm即使我按下Cancel按钮，以下 jQuery 代码也会执行该函数。此外，该success部分也不更新content. 谁能告诉我它有什么问题？谢谢。

$(document).ready(function() {
  $(".myForm").click(function (e) {
    if (confirm("Are you sure?")) {
      $(".myForm").ajaxForm ({
        success: function(returnData) {
          $('#content').html(returnData);
        }
      });
    }
  });
});

Answer 1

应该在按钮元素上设置单击事件，并且应该使用.ajaxSubmit()，而不是.ajaxForm()。

该按钮不应该是提交按钮（即，<input type="submit">或<button type="submit">），否则您需要调用e.preventDefault().

尝试这样的事情：

HTML：

<form id="myForm">
    <input type="text" />
    <button type="submit" id="submitButton">Submit</button>
<form>

JavaScript：

$('#submitButton').click(function(e) {
    e.preventDefault();
    if (confirm('Are you sure?')) {
        $("#myForm").ajaxSubmit({
            success: function(returnData) {
                $('#content').html(returnData);
            }
        });
    }
});