大家可能都会有这样的经历:辛辛苦苦的敲了半天的form表单,然后被通知要改成ajax表单提交,于是就开始了一行一行的获取input的值,复制、粘贴的过程,要是碰上表单行数特别多的时候更麻烦,下面介绍一种方法,用最少的代码量完成form表单提交到ajax提交的转换,下面是代码:$('#save').click(function () {
var formdata = $('form').serializeArray();
var data = {}
$.each(formdata, function() {
data[this.name] = this.value;
});
$.post('save',data,function (data) {
if (data) {
$('#tech').bootstrapTable('refresh', {});
layer.msg('添加成功');
}else{
layer.msg('添加失败');
}
});
});
是不是很简单,其中serializeArray是将form的数据提取出来,然后遍历赋值给data,然后作为post参数发送就可以了。