跟大家講解下有關jQuery序列化表單 serialize() serializeArray()，相信小伙伴們對這個話題應該也很關注吧，現在就為小伙伴們說說jQuery序列化表單 serialize() serializeArray()，小編也收集到了有關jQuery序列化表單 serialize() serializeArray()的相關資料，希望大家看到了會喜歡。

1、serialize()方法

描述：序列化表單內容為字符串,用于Ajax請求。

格式：var data = $("form").serialize();

2.serializeArray()方法

描述：序列化表單元素(類似'.serialize()'方法)返回JSON數據結構數據。

注意,此方法返回的是JSON對象而非JSON字符串。需要使用插件或者<a>第三方庫</a>進行字符串化操作。

格式：var jsonData = $("form").serializeArray();

在使用ajax提交表單數據時,以上兩種方法都可以將data參數設置為$("form").serialize()或$("form").serializeArray()。

Demo

<form id="myform"><table><tr><td>姓名:</td><td> <input type="text" name="name" /> </td></tr><tr><td>性別:</td><td><input type="radio" name="sex" value="1"> 男<input type="radio" name="sex" value="0"> 女</td></tr><tr><td>年齡:</td><td><select name="age"><option value="20">20</option><option value="21">21</option><option value="22">22</option></select></td></tr><tr><td colspan="2"><input type="button" id="ajaxBtn" value="提交" /></td></tr></table></form>$(function() { $("#ajaxBtn").click(function() {var params1 = $("#myform").serialize();var params2 = $("#myform").serializeArray();console.log(params1); //name=zhangsan&sex=1&age=20console.log(params2); //[Object, Object, Object]$.ajax( {type : "POST",url : "RegisterAction.action",data : params1,success : function(msg) {alert("success: " + msg);}}); })})

從下圖中可以看出兩種方法的不同

作者：itmyhome

出處：http://blog.csdn.net/itmyhome1990/article/details/41866265

以上就是jQuery序列化表單 serialize() serializeArray()的詳細內容，更多請關注php中文網其它相關文章！

來源：php中文網