JQuery Ajax Форма представления

Question

Я пытаюсь сделать отправку формы Ajax в Jquery.Сама форма загружается с помощью Ajax Event

Элемент формы выглядит следующим образом

<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() - не уверены, что здесь нужно) в функции отправки. Вы обязательно должны как-то остановить событие отправки.