表单提交是常见的一种提交数据的方法,但原生的表单提交方法会跳转页面,而有些情况下并不需要跳转页面。所以在JavaScript框架jquery中有一个AjaxSubmit()方法,能够不跳转页面提交数据。
常用的方法是在表单中type 类型为button的button标签中绑定点击事件,在方法中使用AjaxSubmit()方法。
$("#xxx").ajaxSubmit(function (Text) {
alert(Text);
})
选择到表单使用AjaxSubmit,添加回调函数。
这样可以就可以将表单中的表单元素中的值以对应元素中name值作为参数提交到表单路径对应的地方。
但是这样虽然将表单数据提交了,但除了表单数据之外的数据就无能为力了。
有办法将这些额外数据提交吗?
有的
只能提交表单数据的缺陷只局限于AjaxSubmit的简单运用,想要提交额外数据就需要自己进行参数配置。
var options = {
url: "/MyAccount/MyAssets/formretixian",
data: { UserID: UserID },
success: function (msg) {
if (msg.State) {
top.layer.alert(msg.Text, { icon: 1, title: "提示" });
}
else {
top.layer.alert(msg.Text, { icon: 0, title: "提示" });
}
}
};
$("#formwithdrawDeposit").ajaxSubmit(options);
这里只有基本的三项,路径,传参,回调。还有其他方面的有兴趣可以去了解下。
这样就可以将额外数据传递了,还有一种方法是将数据放入form表单中的隐藏下拉框。