如何使用javascript回发到不同的表单

本文关键字：表单 何使用 javascript | 更新日期: 2023-09-27 17:54:01

我有一个表单，里面有一个文本框，我想在ajax调用成功后将文本框的值提交到另一个页面，我该如何实现这一点?

这是我的ajax方法: 
$.ajax({
    type: "POST",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    url: "http://test.net/getData",
    data: "{some:data}",
    success: function (response) {
            document.forms.form1.txtData.value = "value1";
            document.forms.form1.submit();
    },
    error: function (response) {
            alert("error");
    }
});

然后我在page Page1中设置表单为:

 <form id="form1" runat="server">
    <input type="hidden" id="txtData" value="" runat="server" />
 </form>

但是这将把我的数据发送回原始页面(Page1)，而不是Page2的形式。

如何使用javascript回发到不同的表单

您可以在表单的action属性中指定操作url。

查看文档

<form id="form1" runat="server" action="Page2.aspx">
    <input type="hidden" id="txtData" value="" runat="server" />
</form>

你可以使用查询字符串，这将重定向到另一个页面的文本值

success: function (response) {
          var value=response.d   
          //  document.forms.form1.txtData.value = "value1";
          //  document.forms.form1.submit();
            window.location = "http://YourPageName.aspx?id="+value;
    }

代码:在页面加载时，可以使用Request.QueryString

检索该值
 if (Request.QueryString["id"] != null)
   {
          string getTxtValue = Request.QueryString["id"].ToString();
  }

你可以将表单的'action'属性设置为你需要的动作名称，然后提交表单，例如:

success: function (response) {
        var $form = $("#form1");
        $form.attr("action", "your-action-name");
        $form.submit();
},

关于HTML action属性

相关文章：