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

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

一、submit提交

一般表单提交通过type=submit实现,input type="submit",浏览器显示为button按钮,通过点击这个按钮提交表单数据跳转到/url.do

当点击登录时,提交的数据是:

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方法进行提交

通过type=submit提交

一般表单提交通过type=submit实现,input type="submit",浏览器显示为button按钮,通过点击这个按钮提交表单数据跳转到/url.do

js提交form表单

js事件触发表单提交,通过button、链接等触发事件,js调用submit()方法提交表单数据,jquery通过submit()方法

js: document.getElementById("form").submit();

jquery: $("#form").submit();

相关推荐

无名指是哪个手指?揭秘手指名称背后的故事
365bet官网备用网站

无名指是哪个手指?揭秘手指名称背后的故事

08-18 👁️ 6451
【标致308】东风标致
mobilesport365

【标致308】东风标致

02-15 👁️ 9483
DNF金色小晶体怎么获得 金色小晶体获取方法
365bet娱乐场投注

DNF金色小晶体怎么获得 金色小晶体获取方法

01-03 👁️ 6809