Jquery+ajax implement direct Submit form instance Analysis _jquery

This article illustrates the Jquery+ajax method for implementing a direct submit form. Share to everyone for your reference, specific as follows:

Here's an example of how to view the Help document

 <script src= "Jquery-1.4.4.js" ></script> <script> $ (function () {$ ("#
Results "). Append (" <tt> "+ $ (" form "). Serialize () +" </tt> ");
}); </script> <p id= "Results" ><b>results: </b> </p> <form> <select name= "single" > <option>Single</option> <option>Single2</option> </select> <select name= "mult Iple "multiple=" multiple "> <option selected=" selected ">Multiple</option> <option>multiple2 </option> <option selected= "selected" >Multiple3</option> </select><br/> <input type= "checkbox" name= "Check" value= "Check1"/> check1 <input type= "checkbox" name= "Check" value= "Check2" checked= "Checked"/> check2 <input type= "Radio" name= "Radio" value= "Radio1" checked= "Checked"/> "Radio1 <input type=" Radio "Name=" Radio "value=" Radio2 "/> Radio2 </form> 

What the interface displays is

Submit form pass parameters directly using Ajax

$.ajax ({
   type: "POST",
   Url:url,
   data: $ (' #form1 '). Serialize (),
   success:function (msg) {
    alert ( "Data Saved:" + msg);
   }
};

More interested readers of jquery-related content can view the site topics: "jquery common Plug-ins and Usage summary", "jquery Ajax Usage Summary", "jquery table (table) Operation Tips Summary", "jquery drag and drop effects and tips summary", " jquery Extended Skills Summary, jquery Common Classic effects summary, jquery animation and special effects usage summary and jquery selector Usage Summary

I hope this article will help you with the jquery program design.