使用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插件提供的ajaxSubmit()函数

$(\'#myform\').ajaxSubmit({
type: \'GET/POST\',
url: \'xx.php\',
dataType: \'json\',
success: fn,
clearForm: true,
resetForm: true
});  
//此函数会自动把选定的表单进行序列化并异步提交

转载：http://blog.csdn.net/NextStand/article/details/51087582
html5方式可以参考：http://www.cnblogs.com/zhuxiaojie/p/4783939.html#autoid-1-0-0