当前位置：首页 > 行业动态 > 正文

ASPNet表单POST到其他页面的方法有哪些？如何实现？标题建议，ASPNet表单POST跨页提交方法探究。

在ASP.NET中，表单POST到其他页面可以通过设置` 标签的action`属性为目标页面的URL来实现。

以下是关于ASPNet中表单POST到其他页面的方法分享：

方法一：使用PostBackUrl属性

1、原理：在服务器按钮控件中使用PostBackUrl属性，设置表单提交的目标页面，这种方式较为安全，不会引起验证错误等问题。

2、示例代码

Default.aspx页面

 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
        <!DOCTYPE html>
        <html xmlns="http://www.w3.org/1999/xhtml">
        <head runat="server">
            <title></title>
        </head>
        <body>
            <form id="form1" runat="server">
                <div>
                    你的名字：<asp:TextBox ID="name" runat="server"></asp:TextBox>
                    <br />
                    <br />
                    <asp:Button ID="Button1" runat="server" Text="Button" PostBackUrl="~/Default2.aspx" />
                    <br />
                    <br />
                </div>
            </form>
        </body>
        </html>

Default2.aspx页面

 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="_Default2" %>
        <!DOCTYPE html>
        <html xmlns="http://www.w3.org/1999/xhtml">
        <head runat="server">
            <title></title>
        </head>
        <body>
            <form id="form1" runat="server">
                <div>
                    接收到的数据：<asp:Label ID="lblName" runat="server" Text=""></asp:Label>
                </div>
            </form>
        </body>
        </html>

Default2.aspx.cs文件

“`c#

using System;

using System.Data;

using System.Configuration;

using System.Collections;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Web.UI.HtmlControls;

public partial class _Default2 : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

if (!IsPostBack)

{

string name = Request["name"];

lblName.Text = name + " <br> 你使用的是 " + Request.RequestType + " 方式传送数据";

}

}

}

方法二：修改form的action属性（需注意视图状态验证问题）
1、原理：通过在客户端脚本中动态修改form的action属性来指定提交的目标页面，但这种方法可能会导致视图状态验证错误，需要在目标页面进行相关设置来解决该问题。
2、示例代码Default.aspx页面

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

</head>

<body>

<form id="form1" runat="server" method="post" onsubmit="this.action=’Default2.aspx’">

<div>

你的名字：<asp:TextBox ID="name" runat="server"></asp:TextBox>

<br />

<br />

<input type="submit" value="Send" />

<br />

<br />

</div>

</form>

</body>

</html>

Default2.aspx页面

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="_Default2" %>

<%@ Page EnableViewStateMac="false" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

</head>

<body>

<form id="form1" runat="server">

<div>

接收到的数据：<asp:Label ID="lblName" runat="server" Text=""></asp:Label>

</div>

</form>

</body>

</html>

Default2.aspx.cs文件 ```c#
        using System;
        using System.Data;
        using System.Configuration;
        using System.Collections;
        using System.Web;
        using System.Web.Security;
        using System.Web.UI;
        using System.Web.UI.WebControls;
        using System.Web.UI.WebControls.WebParts;
        using System.Web.UI.HtmlControls;
        public partial class _Default2 : System.Web.UI.Page
        {
            protected void Page_Load(object sender, EventArgs e)
            {
                if (!IsPostBack)
                {
                    string name = Request["name"];
                    lblName.Text = name + " <br> 你使用的是 " + Request.RequestType + " 方式传送数据";
                }
            }
        }

方法三：使用JavaScript进行跳转和提交（类似Ajax请求）

1、原理：利用JavaScript在客户端捕获表单提交事件，然后通过Ajax等方式将数据发送到目标页面进行处理，再根据处理结果进行相应的页面跳转或更新，这种方法可以实现异步提交，提高用户体验，但需要对JavaScript有一定的了解。

2、示例代码

Default.aspx页面

 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
        <!DOCTYPE html>
        <html xmlns="http://www.w3.org/1999/xhtml">
        <head runat="server">
            <title></title>
            <script type="text/javascript">
                function submitForm() {
                    var form = document.getElementById("form1");
                    var xhr = new XMLHttpRequest();
                    xhr.open("POST", "Default2.aspx", true);
                    xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
                    xhr.onreadystatechange = function () {
                        if (xhr.readyState == 4 && xhr.status == 200) {
                            document.getElementById("result").innerHTML = xhr.responseText;
                        }
                    };
                    xhr.send(form.serialize());
                }
            </script>
        </head>
        <body>
            <form id="form1" runat="server">
                <div>
                    你的名字：<asp:TextBox ID="name" runat="server"></asp:TextBox>
                    <br />
                    <br />
                    <input type="button" value="Send" onclick="submitForm()" />
                    <br />
                    <br />
                    学习request 和 response的用法<br />
                    <br />
                    <br />
                </div>
                <div id="result"></div>
            </form>
        </body>
        </html>

Default2.aspx页面

 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="_Default2" %>
        <!DOCTYPE html>
        <html xmlns="http://www.w3.org/1999/xhtml">
        <head runat="server">
            <title></title>
        </head>
        <body>
            <form id="form1" runat="server">
                <div>
                    接收到的数据：<asp:Label ID="lblName" runat="server" Text=""></asp:Label>
                </div>
            </form>
        </body>
        </html>

Default2.aspx.cs文件

“`c#

using System;

using System.Data;

using System.Configuration;

using System.Collections;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Web.UI.HtmlControls;

using System.IO;

public partial class _Default2 : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

if (Request.Form != null)

{

string name = Request.Form["name"];

lblName.Text = name + " <br> 你使用的是 " + Request.RequestType + " 方式传送数据";

}

}

}

FAQs（常见问题解答）
1、问：为什么使用PostBackUrl属性时不会引起视图状态验证错误？ 答：因为PostBackUrl属性是服务器端控件的属性，它在服务器端处理表单提交时会按照正常的流程进行，不会破坏ASP.NET的视图状态管理机制，所以不会引起视图状态验证错误，而直接修改form的action属性是在客户端进行的，可能会导致视图状态信息无法正确传递和验证，从而引发错误。
2、问：使用JavaScript进行跳转和提交时，如何确保数据的安全性？ 答：在使用JavaScript进行跳转和提交时，可以采取以下措施来提高数据安全性：一是对数据进行加密传输，例如使用HTTPS协议；二是在服务器端对接收的数据进行严格的验证和过滤，防止反面数据的注入和攻击；三是限制访问权限，确保只有合法的用户能够访问和提交数据。
Aspnet表单POST跨页面提交
0

相关文章