如何防止刷新提交但也实际提交表单？ [复制]答案

【问题标题】：How to prevent refresh on submit but also actually submit the form? [duplicate]如何防止刷新提交但也实际提交表单？ [复制]
【发布时间】：2017-06-29 15:01:11
【问题描述】：

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

编辑：这篇文章与假设的副本完全不同。那篇文章只关心表单的提交，而这篇文章的症结是提交而不刷新页面

【问题讨论】：

嗯，如果您需要提交表单，页面将要提交...您是在进行 Ajax 调用来代替它吗？
使用 ajax 并进行自己的表单序列化。
stackoverflow.com/questions/7056669/…
正如我在原帖中所说，这对我不起作用，因为我需要表单才能实际提交，返回 false 会阻止

标签： javascript jquery html flask

【解决方案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);
       }
   });
 });

干杯，

【讨论】：