form表單可以用sumit和button去提交号阿。今天碰到一個(gè)問題争便，就是需要用ajax去提交form怎静。做個(gè)筆記媚污，摘自網(wǎng)上的一段代碼：
$.ajax({
//幾個(gè)參數(shù)需要注意一下
type: "POST",//方法類型
dataType: "json",//預(yù)期服務(wù)器返回的數(shù)據(jù)類型
url: "/users/login" ,//url
data: $('#form1').serialize(),
success: function (result) {
console.log(result);//打印服務(wù)端返回的數(shù)據(jù)(調(diào)試用)
if (result.resultCode == 200) {
alert("SUCCESS");
}
;
},
error : function() {
alert("異常舀瓢！");
}
});
其中，jQuery ajax - serialize() 方法返回的為序列化表單的值耗美。
舉例說明
HTML
<form>
<div><input type="text" name="a" value="1" id="a" /></div>
<div><input type="text" name="b" value="2" id="b" /></div>
<div><input type="hidden" name="c" value="3" id="c" /></div>
<div>
<textarea name="d" rows="8" cols="40">4</textarea>
</div>
<div><select name="e">
<option value="5" selected="selected">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select></div>
<div>
<input type="checkbox" name="f" value="8" id="f" />
</div>
<div>
<input type="submit" name="g" value="Submit" id="g" />
</div>
</form>
JS
$('form').submit(function() {
console.log($(this).serialize());//a=1&b=2&c=3&d=4&e=5
return false;
});
