如何在不重新加载页面的情况下提交表单数据

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.

Answer 1

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