How to submit form without refreshing page with jquery and ajax

This is very simple artical for submit HTML form data without refreshing page with the help of JQuery and Ajax. jQuery provides a rich set of methods for AJAX web development. With jQuery AJAX, you can request TXT, HTML, XML or JSON data from a remote server using both HTTP Get and HTTP Post. $.ajax(options) is the syntax of the low level AJAX function. $.ajax offers more functionality than higher level functions like load, get, and post. The option parameter takes name|value pairs defining url data, passwords, data types, filters, character sets, timeout and error functions. Below is code for HTML form. [sourcecode language="plain"] <form method="post" name="form"> <ul> <li><input id="name" name="name" type="text" /></li> <li><input id="username" name="username" type="text" /></li> <li><input id="password" name="password" type="password" /></li> <li> <select id="gender" name="gender"> <option value="">Gender</option> <option…
Read More