Several ways to submit forms asynchronously using Ajax

Here are three popular ways to submit

Way One

Manual collection of all user input, encapsulated as a large "k1=v1&k2=v2 ..." key-value pair form, using $.post (URL, DATA,FN) to submit data to the server

$.ajax ({  
        type: ' Post ',      
        URL: ' notice_notipsnotice ',  
        data: ' K1=v1&k2=v2 ... ',  
        cache:false,  
        DataType: ' json ',  
        success:function (data) {  
        }  
    });  

Mode two

Single Serialization: $ (' #myform '). Serialize (); The return value is the "K1=v1&k2=v2 ..." key-value pair form, and then the asynchronous request can be initiated.

function Notips () {  
    var Formparam = $ ("#form1"). Serialize ();//Serialize table contents as String  
    $.ajax ({  
        type: ' Post ',      
        URL: ' Notice_notipsnotice ',  
        Data:formparam,  
        cache:false,  
        dataType: ' JSON ',  
        success: function (data) {  
        }  
    });  
  

Way Three
Use the Ajaxsubmit () function provided by the jquery form plugin

$ (' #myform '). Ajaxsubmit ({type: ' get/post ', url: ' xx.php ', DataType: ' json ', SUCCESS:FN,  
Clearform:true, resetform:true}); This function automatically serializes the selected form and commits the 
 asynchronously.