How to submit a form data without reloading the page

Question

I tried submitting form data without reloading the page using a submit event check. Below is my piece of code:

$( "#my-form" ).submit(function( event ) {
            alert( "Handler for .submit() called." );
            //event.preventDefault();
            return false;
                });

Due to this page refresh has been stopped. But the action mapping to the form is not getting called. Is there any way that I can call the action and submit data without reloading page.

calling through ajax doesn't send Jsession Id in request header, since my page domain and Ajax request are in http and https domain. So i didn't consider that approach. — Kumar, Apr 20 '16 at 15:36

score 0 · Answer 1 · edited May 23 '17 at 12:31

0

In the submit handler you have to make an ajax call that serializes the form data and sends it over. Adding event.preventDefault() and return false avoid the page refresh

See this Submit form via AJAX in jQuery

edited May 23 '17 at 12:31

Community

1
1

answered Apr 20 '16 at 15:12

Pietro

988
10
19

How to submit a form data without reloading the page

1 Answers1