在项目开发中,有时提交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>