javascript - 如何防止提交时刷新但又实际提交表单？

Question

这个问题已经有答案了:

Submit a form using jQuery [closed] (22 个回答)

已关闭 6 年前。

我见过许多堆栈溢出帖子告诉用户通过使用 return false 或将输入类型更改为按钮来防止页面刷新，但这可以通过禁用我需要的提交来实现。如何使用按钮保持启用表单提交，而无需在使用时刷新页面？

编辑:这篇文章与假定的重复内容完全不同。那篇文章只涉及表单的提交，而这篇文章的关键是不刷新页面的提交

Answer 1

您可以使用 jquery 中的 .submit() 函数提交表单

$('#your-id-form').submit( function(e) { 
   //prevent submit
   e.preventDefault(); //Thx @alex

   //do things on submit
   $.ajax({
       data: "data",
       type: "POST",
       url: "your-destiny.php",
       beforeSend: function(){
        //before send data
       },
       success: function(data){
           // the data
           console.log(data);
       }
   });
 });

干杯，