AjaxSubmit提交额外数据

 

表单提交是常见的一种提交数据的方法,但原生的表单提交方法会跳转页面,而有些情况下并不需要跳转页面。所以在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表单中的隐藏下拉框。

 

 

你可能感兴趣的:(2019-7-28)