jquery submits a form using Ajaxsubmit () (in case you don't want the page to jump)

Original: http://www.jb51.net/article/48728.htm

The Ajaxsubmit (obj) method is a plug-in jquery.form.js inside the jquery method, so using this method requires first introducing this plugin. As shown below:

<src= "Http://code.jquery.com/jquery-1.11.0.min.js"></  Script><src= "Http://malsup.github.io/jquery.form.js" ></ Script >

So, how do you submit data through Ajaxsubmit (obj)? First we need a form:

<form>Title:<inputtype= "text"name= "title" /><BR/>content:<textareaname= "Content"><textarea/><BR/>    <Button>Submit</Button></form>

The above is a form that needs to submit content, usually, we submit directly through the form, after the submission of the current page to the form of the action point to the page. However, many times we do not want to submit the form after the page jumps, then we can use Ajaxsubmit (obj) to submit the data. Use the following method:

$ (' button '). On (' click ',function() {    $(' form '). On (' Submit ',function() {        vartitle = $ (' inpur[name=title] '). Val (), Content= $ (' textarea '). Val (); $( This). Ajaxsubmit ({type:' Post ',//How to submit Get/postURL: ' Your URL ',//URLs that need to be submitteddata: {' Title ': Title,' Content ': Content}, Success:function(data) {//data that is returned after the commit is saved, typically JSON data                //data can be processed hereAlert (' Submit success! ‘); }            $( This). Resetform ();//Reset form after submission        }); return false;//prevent forms from automatically submitting events    });});

jquery submits a form using Ajaxsubmit () (in case you don't want the page to jump)