异步删除显示数据的问题

Question

我正在使用以下代码进行测试以显示数据，然后在一段时间后使用异步将其删除。

我遇到的问题是我想显示标签和文本，然后执行异步但是异步在我的代码的第一部分之前运行。

有没有一种方法可以让我先运行代码然后执行异步等待？

<form id="form1" ondatabound="Page_Load()" runat="server">
    <div>
        <asp:Label ID="Label1" runat="server" Text="Label" Visible="false"></asp:Label><br /><br />
        <asp:Button ID="Button1" class="btn btn-error" OnClick="Button1_Click" runat="server" Text="Button" /><br /><br />
        <asp:TextBox ID="TextBox1" ReadOnly="false" Text="" Visible="true" runat="server"></asp:TextBox><br /><br />
        <asp:TextBox ID="TextBox2" ReadOnly="false" Text="" Visible="true" runat="server"></asp:TextBox><br />
    </div>
</form>

public partial class WebForm1 : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        //TextBox1.Text = "TestEmail";
        //TextBox2.Text = "TestPassword";
    }

    //When Button1 is clicked then show/hide the title label
    protected void Button1_Click (object sender, EventArgs e)
    {
        if (Label1.Visible == false)
        {
            Label1.Visible = true;
            Label1.Text = "Please use this link to login: www.test.com";
            TextBox1.Text = "TestingData";
        }
        else
            Label1.Visible = false;
        ClearMessages();
    }

    public async Task SyncTest()
    {
        await Task.Delay(5000); // 5 second delay
        this.ClearMessages();
    }

    protected void ClearMessages()
    {
        TextBox1.Text = "";
        TextBox2.Text = "";
        Label1.Text = "";
    }
}

Answer 1

关于你的概念和问题：

...在一定时间后删除[数据]，使用async [，或等待的Task]。

有没有办法让我能够[渲染页面]然后执行asyncawait？

据我所知，没有框架支持 async await 和 Task 跨越 Page Lifecycles，更不用说在后渲染/卸载页面上编写机制了，所以答案很可能，没有。

---

但是，ASP.NET AJAX Extensions 对 WebForm 应用程序有异步支持。您可以使用Partial Page Updates 实现您想要的行为（以异步方式处理控件属性更改的代码）。

Answer 2

正如我在评论中提到的。一旦页面被渲染，后端就不再与页面连接，因此它不能清空文本。解决这个问题的更好方法是通过在客户端调用脚本来清理它

Page.ClientScript.RegisterStartupScript(GetType(), "cleanText", "cleanText());", true);

这将调用下面的方法，该方法将在 5 秒后清空 textbox1。

function cleanText(){
   setTimeout(function() { 
   var txt1 = document.getElementById('<%= TextBox1.ClientID %>');
   txt1.value = "";}, 5000);
}