Bootstrap

表单请求改为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参数发送就可以了。

;