一、submit提交
在form标签中添加action(提交的地址)和method(post),且有一个submit按钮()就可以进行数据的提交,每一个input标签都需要有一个name属性,才能进行提交。
当点击登录时,提交的数据是:
username=username&password=password
这种默认的提交方式,一般会进行页面的跳转(不成功时跳转到当前页面),而有时我们是对弹出框进行数据提交,希望提交成功则关闭弹出框并刷选父页面,失败则提示失败原因,且弹出框不关闭。此时可采用ajax进行数据提交。
二、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函数中对请求结果进行判断,然后执行不同的动作(页面跳转或数据刷新、提醒错误)
三、form表单提交附件
需要设定form的enctype=“multipart/form-data”,并且添加
而且附件只能通过submit方法进行提交
本文探讨了HTML form的submit提交与使用AJAX进行数据提交的差异。在传统的表单提交中,数据以默认格式发送,并可能引起页面跳转。而AJAX提交允许异步更新,避免页面刷新,适合于弹窗提交场景。文中通过示例展示了如何使用jQuery的submitForm插件进行AJAX表单提交,并在回调函数中处理结果,实现定制化的反馈和页面操作。
1万+

被折叠的 条评论
为什么被折叠?



