Jquery Ajax 表单提交

Question

我正在尝试在 Jquery 中提交 Ajax 表单。表单本身是通过 Ajax 事件加载的

表单元素如下所示

<form id="create_user form" action="http://127.0.0.1/create_user" method="post">

  <p>Name
  <input type="text" name="name" value="" id="name"></p>
  <p>Employee Number:<br>
  <input type="text" name="emp_no" value="" id="emp_no"></p>
  <p>Email:<br>
  <input type="text" name="email" value="" id="email"></p>

  <p><input type="submit" name="submit" value="Save"></p>

  </form>

当作为 html 加载时，它可以正常工作。

但是我试图通过 Ajax 事件将其加载到另一个页面中

所以结果是这样的

<div class="admin_main" id="admin_main">
<form id="create_user form" action="" method="post">

   .....Form......
<p><input type="submit" name="submit" value="Save"></p>
</form>

</div>

文档就绪函数中的Jquery代码是

$("#admin_main").delegate("#create_user_form", "submit", function() {
    $.post('http://127.0.0.1/create_user', $("#create_user_form").serialize(), function (data) {
        $("#admin_main").html(data);
    }, "html");
});

但是，这仅具有重新加载页面的效果。我已经做了好几个小时了。我哪里错了？

Answer 1

我想你忘记了提交函数中的return: false;（或event.preventDefault() / event.stopPropagation() - 不确定这里需要什么）。您绝对必须以某种方式停止提交事件。