如何在延迟后重定向到另一个页面

Question

我的网页中有一个登录框，它位于一个 UpdatePanel 内部。

<asp:UpdatePanel runat="server" ClientIDMode="Static" ID="upSign" UpdateMode="Conditional">
    <ContentTemplate>
        <div class="dvHolder hidOverflow clearfix">
            <input id="txtSUser" type="text" name="SUsername" value="" placeholder="Username" runat="server" />
        </div>
        <div class="dvHolder hidOverflow clearfix">
            <input id="txtSPass" type="password" name="SPassword" value="" placeholder="Password" runat="server" />
        </div>
        <div class="dvHolder hidOverflow clearfix setTextRight">
            <asp:Button ID="btnSignIn" ClientIDMode="Static" runat="server" Text="Sign In" OnClick="btnSignIn_Click" />
            <asp:Label runat="server" Text="" ID="lblSSuccess" ClientIDMode="Static" CssClass="lblMsgSuccess" />
        </div>
    </ContentTemplate>
</asp:UpdatePanel>

用户验证成功后，我想显示一条消息，并在延迟后（假设为5秒）进行重定向。我有以下代码，但它没有重定向：

public void btnSignIn_Click(object sender, EventArgs e)
{
    lblSSuccess.Text = "We found you, now redirecting...";
    lblSSuccess.ForeColor = ColorTranslator.FromHtml("#037203");
    Session["UseIsAuthenticated"] = "true";

    Response.AppendHeader("Refresh", "5;url=homepage.aspx");
}

消息已更新，但由于某些原因页面未重定向。

请帮我解决这个问题。

- SearchForKnowledge

---

刷新不是标准的HTTP响应头，也不被所有浏览器所支持，请参见https://dev59.com/a3VC5IYBdhLWcg3weA8-。 - Preston Guillot

Answer 1

你可以使用这段代码编写一个带有延迟并重定向至其他页面的 Javascript 代码块。

public void btnSignIn_Click(object sender, EventArgs e)
{
    lblSSuccess.Text = "We found you, now redirecting...";
    lblSSuccess.ForeColor = ColorTranslator.FromHtml("#037203");
    Session["UseIsAuthenticated"] = "true";

    ScriptManager.RegisterClientScriptBlock(this, typeof(Page), "redirectJS",
    "setTimeout(function() { window.location.replace('homepage.aspx') }, 5000);", true);
}

- Enrique Zavaleta

Answer 2

有很多方法可以做到这一点，但我喜欢使用这段代码，因为在许多不同的情况下使用时效果很好。这是带有5秒延迟的。

HtmlMeta oScript = new HtmlMeta();
oScript.Attributes.Add("http-equiv", "REFRESH");
oScript.Attributes.Add("content", "5; url='http://www.myurl.com/'");
Page.Header.Controls.Add(oScript);

- Mike

Answer 3

首先创建一个函数，执行您需要的操作（例如重定向到页面）

其次，在您的标记中添加计时器，并将时间间隔设置为5000（5秒），并将计时器标记为enabled=false，以便在页面加载后不启动计时器

一旦用户成功通过验证，请显示您想要的消息，然后启用计时器

- Hussein Khalil

Answer 4

Response.AppendHeader("Refresh", "2;url=page.aspx");

- Aruna Prabhath