How to prevent refresh on submit but also actually submit the form?

Question

I've seen many stack overflow posts telling the user to prevent the page refresh by using return false or by changing the input type to button, but this works by disabling submission, which I need. How do I keep submission of my form enabled using my button, without refreshing the page upon use?

EDIT: this post is entirely different from the supposed duplicate. That post is is only concerned with submission of the form, whereas the crux of this post is submission without page refresh

um, if you need to submit the form, the page is going to submit... Are you making an Ajax call in place of it? — epascarello, Jun 29 '17 at 15:04
https://stackoverflow.com/questions/7056669/prevent-default-event-in-onclick — D. Peter, Jun 29 '17 at 15:09
As I said in the original post, this doesn't work for me because I need to form to actually submit, which returning false prevents — Rik Johnson, Jun 29 '17 at 15:26

Roy Bogado · Answer 1 · 2017-06-29T15:56:34.333

you can submit a form using the .submit() function in jquery

$('#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);
       }
   });
 });

Cheers,

How to prevent refresh on submit but also actually submit the form?

1 Answers1