如何防止刷新提交但实际上还提交表单？

Question

我已经看到很多堆栈溢出帖子告诉用户使用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);
       }
   });
 });

干杯，