Javascript 使用ajax提交表单而不重新加载页面？

我在使用Jquery和Ajax提交表单时遇到了一个问题，但它仍然将我重定向到表单的操作页面，我不知道是否有外部因素影响了函数或发生了什么。 这是我的代码：

<form action="add-niveau" method="POST" class="ajax">
  <div>
    <input type="text" name="name" placeholder="Your name">
  </div>
  <div>
    <input type="text" name="email" placeholder="Your email">
  </div>
  <div>
    <textarea rows="4" cols="20" name="comment"></textarea>
  </div>
   <input type="submit" value="send">
</form>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.4.min.js">      </script>
<script>
  $('form.ajax').on('submit', function() {
     return false;
  });
</script>

---

您需要添加event.preventDefault（）；右键单击事件，因为您要阻止默认表单提交

$('form.ajax').on('submit', function(event) { // pass the event to function

     event.preventDefault(); // add this line

     $.ajax({
         url: "test.php",
         context: document.body
     }).done(function() {
         alert('Done!');
     });

});

---

您需要添加event.preventDefault（）；右键单击事件，因为您要阻止默认表单提交

$('form.ajax').on('submit', function(event) { // pass the event to function

     event.preventDefault(); // add this line

     $.ajax({
         url: "test.php",
         context: document.body
     }).done(function() {
         alert('Done!');
     });

});

---

将事件传递给您的函数并使用

事件。预防默认值

。打开控制台，检查错误。确保包含jquery。你能发布你使用ajax的代码吗？我使用ajax将表单上传到我的网站时遇到了这个问题，在这一点上我遇到了上面的问题，但是当我在其他页面单独测试表单和函数时，它工作正常，因此其他一些东西影响了功能！将事件传递给您的函数并使用

事件。预防默认值

。打开控制台，检查错误。确保包含jquery。你能发布你使用ajax的代码吗？我使用ajax将表单上传到我的网站时遇到了这个问题，在这一点上我遇到了上面的问题，但是当我在其他页面单独测试表单和函数时，它工作正常，因此其他一些东西影响了功能！我使用ajax将表单上传到我的网站的问题，在这一点上我得到了上面的问题，但是当我在其他页面单独测试表单和函数时，它工作正常，因此其他一些东西影响了功能！我使用ajax将表单上传到我的网站的问题，在这一点上我得到了上面的问题，但是当我在其他页面单独测试表单和函数时，它工作正常，因此其他一些东西影响了功能！