form表单提交数据的几种方式

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

form表单提交数据的⼏种⽅式
⼀、submit提交
⼀般表单提交通过type=submit实现,input type="submit",浏览器显⽰为button按钮,通过点击这个按钮提交表单数据跳转到/url.do
<form action='/postValue' method='post'>
<input type='text' name='username'/>
<input type='password' name='password'/>
<input type='submit' value='登录'/>
</form>
当点击登录时,提交的数据是:
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”,并且添加<input type='file'>
⽽且附件只能通过submit⽅法进⾏提交
通过type=submit提交
⼀般表单提交通过type=submit实现,input type="submit",浏览器显⽰为button按钮,通过点击这个按钮提交表单数据跳转
到/url.do
<input type="text" name="name"/>
<input type="submit" value="提交">
</form>
js提交form表单
js事件触发表单提交,通过button、链接等触发事件,js调⽤submit()⽅法提交表单数据,jquery通过submit()⽅法
<form id="form" action="/url.do" method="post">
<input type="text" name="name"/>
</form>
js: document.getElementById("form").submit();
jquery: $("#form").submit();。

相关文档
最新文档