表单请求改为ajax,使用jq将form表单提交改为ajax提交

大家可能都会有这样的经历：辛辛苦苦的敲了半天的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参数发送就可以了。