Submit Form Without Page Refresh Using jQuery, Ajax and PHP

It's only fair to share...Share on Facebook0Share on Google+21Tweet about this on Twitter0Share on LinkedIn0Pin on Pinterest100Digg thisShare on StumbleUpon0


In this tutorial we are going to explain the highly demanding jQuery functions $.post() and $.ajax(), using these two functions we can submit the web forms without refreshing the Page of our site, The jQuery post() and get() methods are used for HTTP POST or GET request from the server. This tutorial will guide us that how to use jQuery $.ajax() and $.post() functions, so that we can easily submit Form Data without refreshing the Page.

First we will create one simple HTML form.

Include jQuery library:

Calling submit.php using $.ajax()

submit.php (This is the file which we call using ajax)

 Calling submit.php using $.post()


Leave a Reply

Your email address will not be published. Required fields are marked *


You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">