防止表格重新提交

时间:2017-10-06 23:16:57

标签: c# html asp.net webforms

我几个星期以来一直在寻找这个答案,但许多其他问题/答案并不适合我的项目或者根本不能工作。

让我解释一下我的项目。 这是一个简单的视图页面,在页面加载时,它会将文本设置为整个页面中的不同字段。在底部,我有一个带按钮的容器,用于控制容器中显示的div。每次单击该按钮,我都会运行一些代码来将数据源设置为网格视图或使用文本填充字段。我注意到当我点击F5刷新页面时,我得到那个麻烦的#34;表格重新提交"弹出窗口将导致最后一次按钮单击,例如将一个注释附加到列表视图以进行复制。

以下是一些了解我正在做什么的代码

HTML(不完整,只是了解我的问题所必需的)

<td style="vertical-align: top;" class="Flow-Sub-Menu">
    <asp:Button ID="Button_Sub_Menu_Financial" runat="server" Text="Financial Info" OnClick="Button_Sub_Menu_Financial_Click" />
    <asp:Button ID="Button_Sub_Menu_Indemnitors" runat="server" Text="Indemnitors" OnClick="Button_Sub_Menu_Indemnitors_Click" />
    <asp:Button ID="Button_Sub_Menu_Court" runat="server" Text="Court Info" OnClick="Button_Sub_Menu_Court_Click" />
    <asp:Button ID="Button_Sub_Menu_Forfeiture" runat="server" Text="Forfeiture Info" OnClick="Button_Sub_Menu_Forfeiture_Click" />
    <asp:Button ID="Button_Sub_Menu_Collaterals" runat="server" Text="Collaterals" OnClick="Button_Sub_Menu_Collaterals_Click" />
    <asp:Button ID="Button_Sub_Menu_Notes" runat="server" Text="Notes" OnClick="Button_Sub_Menu_Notes_Click" />
    <asp:Button ID="Button_Sub_Menu_Documents" runat="server" Text="Documents" OnClick="Button_Sub_Menu_Documents_Click" />
</td>

<div id="Div_Sub_Menu_Notes" runat="server" visible="false">
    <div class="row">
        <div class="col-xs-4" style="min-width: 550px;">
            <div class="Flow-Box">
                <div class="Flow-Box-Content" style="height: 440px; overflow-y: scroll;">
                    <asp:ListView ID="LV_Notes" runat="server" ItemPlaceholderID="ItemPlaceHolder" DataKeyNames="Bond_Note_ID" OnPagePropertiesChanging="LV_Notes_PagePropertiesChanging" OnItemCommand="LV_Notes_ItemCommand">
                        <LayoutTemplate>
                            <table style="width: 500px; background-color: white;">
                                <tr id="ItemPlaceHolder" runat="server"></tr>
                                <tr>
                                    <td colspan="2">
                                        <asp:DataPager ID="DataPager_Notes" runat="server" PagedControlID="LV_Notes" PageSize="3">
                                            <Fields>
                                                <asp:NextPreviousPagerField ButtonType="Link" ShowFirstPageButton="false" ShowPreviousPageButton="true"
                                                   ShowNextPageButton="false" />
                                                <asp:NumericPagerField ButtonType="Link" />
                                                <asp:NextPreviousPagerField ButtonType="Link" ShowNextPageButton="true" ShowLastPageButton="false" ShowPreviousPageButton="false" />
                                            </Fields>
                                        </asp:DataPager>
                                    </td>
                                </tr>
                            </table>
                        </LayoutTemplate>
                        <ItemTemplate>
                            <tr>
                                <td colspan="2" style="padding-left: 10px; padding-right: 10px;">
                                    <div style="border: 2px solid grey; height: 75px; padding: 5px;">
                                        <%# Eval("Note") %>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td style="padding-left: 10px;" <%# (Eval("Document_ID").ToString() != "" ?  "" : "hidden=\"hidden\"") %>>
                                    <label>Document Attached : <%# Eval("Document_Title").ToString() %></label>
                                </td>
                                <td style="text-align: right; padding-right: 10px;" <%# (Eval("Document_ID").ToString() != "" ?  "" : "hidden=\"hidden\"") %>>
                                    <asp:Button ID="Button_View_Document" runat="server" Text="View/Download Document" CommandName="View_Document" CommandArgument='<%#Eval("Document_ID")%>' />
                                </td>
                            </tr>
                            <tr>
                                <td style="text-align: left; padding-left: 10px;">
                                    <div>
                                        <%# Convert.ToDateTime(Eval("Created_DateTime")).ToShortDateString() + " " + Convert.ToDateTime(Eval("Created_DateTime")).ToShortTimeString() %>
                                    </div>
                                </td>
                                <td style="text-align: right; padding-right: 10px;">
                                    <div>
                                        <%# Eval("Full_Name") %>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2" style="height: 20px; border-top: 4px solid #009900;"></td>
                            </tr>
                        </ItemTemplate>
                    </asp:ListView>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-4" style="min-width: 500px;">
                <div class="Flow-Box">
                    <div class="Flow-Box-Label">
                        New Note
                    </div>
                    <div class="Flow-Box-Content">
                        <table class="Flow-Box-Table">
                            <tr>
                                <td>
                                    <textarea id="TextArea_New_Note" runat="server" style="width: 400px; height: 150px;"></textarea>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <asp:Button ID="Button_Append_New_Note" runat="server" OnClick="Button_Append_New_Note_Click" Text="Append Note" />
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

C#Codebehind

protected void Button_Sub_Menu_Notes_Click(object sender, EventArgs e)
{
    resetSubMenuButtons();
    Button_Sub_Menu_Notes.BackColor = System.Drawing.Color.Orange;
    Div_Sub_Menu_Notes.Visible = true;
    string bondID = Request.QueryString["BondID"];
    bindNotes(bondID);
}

protected void bindNotes(string bondID)
{
    DataTable dt = Common_Functions.GetData("SELECT * FROM View_Bond_Notes_With_Name WHERE Bond_ID='" + bondID + "' ORDER BY Created_DateTime DESC");
    LV_Notes.DataSource = dt;
    LV_Notes.DataBind();
}

protected void LV_Notes_PagePropertiesChanging(object sender, PagePropertiesChangingEventArgs e)
{
    (LV_Notes.FindControl("DataPager_Notes") as DataPager).SetPageProperties(e.StartRowIndex, e.MaximumRows, false);
    string bondID = Request.QueryString["BondID"];
    bindNotes(bondID);
}

protected void LV_Notes_ItemCommand(object sender, ListViewCommandEventArgs e)
{
    if (String.Equals(e.CommandName, "View_Document"))
    {
        ListViewDataItem dataItem = (ListViewDataItem)e.Item;
        string documentID = e.CommandArgument.ToString();
        Session["BondDocumentID"] = documentID;
        Page.ClientScript.RegisterStartupScript(GetType(), "openDocument", "window.open('/FileServing/Bond_Document_Server.aspx');", true);
    }
}

protected void Button_Append_New_Note_Click(object sender, EventArgs e)
{
    string bondID = Request.QueryString["BondID"];
    string UserID = Request.Cookies["UserID"].Value;
    string newNote = TextArea_New_Note.Value;
    if (String.IsNullOrWhiteSpace(newNote))
    {
        return;
    }
    cmd = new SqlCommand("INSERT INTO Bond_Notes " +
        "(Bond_ID, Created_DateTime, Created_By, Note) " +
        "VALUES " +
        "(@Bond_ID, @Created_DateTime, @Created_By, @Note)", conn);
    cmd.Parameters.AddWithValue("@Bond_ID", bondID);
    cmd.Parameters.AddWithValue("@Created_DateTime", DateTime.Now);
    cmd.Parameters.AddWithValue("@Created_By", UserID);
    cmd.Parameters.AddWithValue("@Note", (String.IsNullOrWhiteSpace(newNote) ? (object)DBNull.Value : newNote));
    conn.Open();
    cmd.ExecuteNonQuery();
    conn.Close();
    TextArea_New_Note.Value = "";
    bindNotes(bondID);
}

因此,当用户单击&#34; Button_Append_New_Note&#34;时,代码将激活以运行sqlcommand,然后通过调用&#34; bindNotes(bondID)&#34;来刷新ListView。如果用户因任何原因点击F5或点击刷新,他们将重新提交该表单并添加重复项。我已经阅读了许多重定向到同一页面的解决方案,这在我的情况下不起作用,因为div会再次被隐藏,我希望Notes div保持可见,这样用户就可以在列表视图中看到他们的新笔记。我也不希望有一个sql检查来查找重复并阻止插入,因为我可能希望用户插入重复项,如果他们在其他时间选择,但用户将手动键入副本。

有关如何避免重新提交表单的任何建议或建议?

也请不要批评代码,我正在寻找答案,而不是关于为什么用内联字符串添加来构建SQL语句的不好的讲座。我最终会纠正并优化这些错误。

如果您在其他地方找到我的解决方案,请确保它在我的情况下有效,因为我多次找到同样的问题,但不是我的情况。

提前致谢。

2 个答案:

答案 0 :(得分:3)

您可能知道,ASP.NET Webforms将 POST 请求发送回服务器,并在同一请求中重新呈现Page。这就是我们点击&#34; reload&#34;时我们看到表单重新提交消息的原因。

为避免此问题,我们应该使用许多Web应用程序使用的post-then-redirect模式。这是一个快速概述:

  1. 用户点击一个按钮,该按钮将表单作为 POST 请求提交。
  2. 服务器接收请求并保存数据。
  3. 服务器发出重定向响应以及任何所需状态。
  4. 浏览器接收重定向并通过发送 GET 请求加载相应的页面。
  5. 因为我们将浏览器重定向到新的(或相同的)位置,这会清除先前请求中的 POST 数据,因此我们可以点击&#34;重新加载&#34;无需再次重新提交相同的数据。我们重定向到的URL应该只包含服务器解释页面上显示内容所需的数据。此模式提供了一种持久的方式来维护HTTP中的请求之间的状态。

    要将此问题应用于问题中的Webform,我们需要更改有关页面加载方式的一些假设。在运行每个 POST 操作后,我们不会将注释绑定到页面,而是首先重定向用户,然后绑定注释:

    protected void Button_Append_New_Note_Click(object sender, EventArgs e)
    {
        string bondID = Request.QueryString["BondID"];
    
        // Save the new note...
    
        Response.Redirect("http://example.com/Page.aspx?BondID=" + bondID);
    }
    

    然后,当浏览器加载重定向时:

    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            bindNotes(Request.QueryString["BondID"]); 
        }
    }
    

    我们需要更改每个回发方法才能使用此模式。某些方法可能需要将其他参数添加到页面读取的重定向URL以配置显示。

答案 1 :(得分:0)

这很简单,一旦提交表单,就会阻止在刷新时要求重新提交表单的弹出窗口。只需将这行 javascript 代码放在文件的页脚处,就能看到神奇之处。

<script>
if ( window.history.replaceState ) {
  window.history.replaceState( null, null, window.location.href );
}
</script>