<script type="text/javascript">
$(function () {
var options = {
type : "post",
dataType : "json",
beforeSubmit : checkout, //表单提交之前的验证函数
success: function (data) {
$("#responseText").text(data);
}
};
// 方法一:ajaxForm
$("#form").ajaxForm(options);
// 方法二:ajaxSubmit
$("#btnSubmit").click(function () { //button或input不能为submit类型
$("#form").ajaxSubmit(options);
});
});
</script>
在jquery的ajax函数中,可以传入3种类型的数据:
1.文本:"uname=alice&mobileIpt=110&birthday=1983-05-12";
2.json对象:{uanme:‘vic‘,mobileIpt:‘110‘,birthday:‘2013-11-11‘};
3.json数组:
[
{"name":"uname","value":"alice"},
{"name":"mobileIpt","value":"110"},
{"name":"birthday","value":"2012-11-11"}
];
所以,我们可以一键获取表单并提交,非常方便。
补充:
其实提取表单数据的话只需要serialize()方法直接获取"uname=alice&mobileIpt=110&birthday=1983-05-12"这样的就可以了。