jQuery ajax()使用serialize()提交form數(shù)據(jù)
jQuery的serialize()方法通過(guò)序列化表單值锅劝,創(chuàng)建URL編碼文本字符串,我們就可以選擇一個(gè)或多個(gè)表單元素坞生,也可以直接選擇form將其序列化,如:
<form action="">
First name: <input type="text" name="FirstName" value="Bill" /><br />
Last name: <input type="text" name="LastName" value="Gates" /><br />
</form>
$(document).ready(function(){
console.log($("form").serialize()); // FirstName=Bill&LastName=Gates
});
這樣,我們就可以把序列化的值傳給ajax()作為url的參數(shù)痕支,輕松使用ajax()提交form表單了待讳,而不需要一個(gè)一個(gè)獲取表單中的值然后傳給ajax()芒澜,舉例如下:
$.ajax({
type: 'get',
url: 'your url',
data: $("form").serialize(),
success: function(data) {
// your code
}
});
補(bǔ)充
輸出標(biāo)準(zhǔn)的查詢字符串:
a=1&b=2&c=3&d=4&e=5
注釋:只會(huì)將”成功的控件“序列化為字符串。如果不使用按鈕來(lái)提交表單创淡,則不對(duì)提交按鈕的值序列化痴晦。如果要表單元素的值包含到序列字符串中,元素必須使用 name 屬性琳彩。