提交表单到后台的几种方式

　

提交

1. submit 按钮提交方式

<form action="http://localhost:8080/postData.do" method="post">
	<input type="text" name="username" />
	<input type="password" name="password"
	<input type="submit" value="登陆"/>
</form>

注意：

在form标签中添加Action(提交的地址)和method(post),且有一个submit按钮（）就可以进行数据的提交，每一个input标签都需要有一个name属性，才能进行提交。

这种默认的提交方式，一般会进行页面的跳转(不成功时跳转到当前页面)。而有时候我们是对弹出框进行数据提交的，希望提交成功则关闭弹出框并刷选父页面，失败则提示失败原因，且弹出框不关闭。此时可以采用Ajax进行数据提交.

2. ajax提交form表单

$('#documentForm').submitForm({
            url: "/Document/SubmitDocumentCreate",
            dataType: "text",
            callback: function (data) {
                endFileUpload();
                data = eval("(" + data + ")");
                alert(data.content);
                if (data.Result > 0) {
                    location.href = data.Redirect;
                }
            },
            before: function () {
                startFileUpload();
                var errMsg = "";
            }
        }).submit();

注意：

此时可以在callback函数中对请求结果进行判断，然后执行不同的动作(页面跳转或刷选数据、提醒错误都可以)

3. 使用submit()方法进行提交。

可以在提交表单之前先对提交数据做一些判断。

<form action="${request.contextpath}/doData.do" method="post" id="dataForm" enctype="multipart/form-data">
<input id = "userName" name = "userName">
<input type="file" name="image1" multiple accept="image/png, image/jpeg">
</form>
function checkForm2(formId) {
	$("#" + formId).validationEngine({
		promptPosition : "centerRight",
		autoHidePrompt : true,
		autoHideDelay : 15000,
		showOnemessage : true,
		scroll:true
	});
	var flag = $("#" + formId).validationEngine("validate");
	if (flag != undefined && flag != null && flag) {
		$("#" + formId).close();
		$("#" + formId).submit();
	}
}

相关阅读

后台统计报表如何设计？

在系统后台，我们看到最多的就是一张张报表。有的人对报表的第一印象肯定是“嗨，表格嘛，就和excel表格差不多，有什么可难的”。统计报

后台统计报表如何设计？

在系统后台，我们看到最多的就是一张张报表。有的人对报表的第一印象肯定是“嗨，表格嘛，就和excel表格差不多，有什么可难的”。统计报

旺铺后台新功能—微博淘宝版

微博也可以开通淘宝版，这个相信大家都知道了，但是在开通的时候如何开通，应注意哪些问题你知道吗？今天我们就一起来了解下微博淘宝版。

三、后台管理界面展示

到现在为止我们搭了四个子模块，其中shop-parent负责整体的依赖管理。shop-common负责管理底层工具类。shop-manager-web是后台管

电商后台：实例解读订单系统

一个伟大的订单系统背后一定站着一大堆伟大的其他系统–电商产品狗说订单所涉及到的后台系统包括订单系统、库存系统、仓库