在项目开发中,有时提交form表单时不能单单用action或者jquery的
表单提交方法有三种,主要说下第三种
第一种:用form自带属性action提交
第二种:用jquery提交:$("#formid").submit();
第三种:用ajax提交:
但如果form表单中数据很多时,不可能一一列出,只需要用
$('#yourformid').serialize()就可以了
举例如下:
$.ajax({
cache: true,
type: "POST",
url:ajaxCallUrl,
data:$('#yourformid').serialize(),// 你的formid
async: false,
error: function(request) {
alert("Connection error");
},
success: function(data) {
$("#commonLayout_appcreshi").parent().html(data);\
}
});
ajax提交表单后可能页面会刷新
有两个方法:
1、请求完后设置函数return 为false
第二种方法:
把提交按钮类型设置为button即可:
原来是:
<button type="subbmit" class="btn btn-default uploadImages">上传</button>
改完后
<button type="button" class="btn btn-default uploadImages">上传</button>