使用AJAX異步提交表單的幾種方式

介紹三種經常使用的提交方式

方式一

手工收集全部的用戶輸入，封裝爲大的「k1=v1&k2=v2…」鍵值對形式，使用$.post(url, data,fn)把數據提交給服務器

$.ajax({  
        type:'post',      
        url:'Notice_noTipsNotice',  
        data:'k1=v1&k2=v2...',  
        cache:false,  
        dataType:'json',  
        success:function(data){  
        }  
    });

方式二

表單序列化：$('#myform').serialize( ); 其返回值就是「k1=v1&k2=v2...」鍵值對形式，再發起異步請求便可。

•  

function noTips(){  
    var formParam = $("#form1").serialize();//序列化表格內容爲字符串  
    $.ajax({  
        type:'post',      
        url:'Notice_noTipsNotice',  
        data:formParam,  
        cache:false,  
        dataType:'json',  
        success:function(data){  
        }  
    });  
}

方式三 
使用jQuery Form插件(jquery.form.js)提供的ajaxSubmit()函數

$('#myform').ajaxSubmit({
type: 'GET/POST',
url: 'xx.php',
dataType: 'json',
success: fn,
clearForm: true,
resetForm: true
});  
//此函數會自動把選定的表單進行序列化並異步提交