【问题标题】:when I click on the submit button of contact us form . it automatically goes to top of the page . but i want to reload specific part of page当我点击联系我们表单的提交按钮时。它会自动转到页面顶部。但我想重新加载页面的特定部分
【发布时间】:2014-08-01 21:38:34
【问题描述】:

我正在使用 asp.net 开发单页网站,在我的页面底部我创建了联系我们表格。问题是当我点击联系我们表单的提交按钮时。它会自动转到页面顶部 html 代码在这里`

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

<div>
    <h2>Contact Us</h2>
    <br />
    <table>
        <!-- Name -->
        <tr>
            <td align="center">
                Name:</td>
            <td>
                <asp:TextBox ID="txtName" 
                                runat="server" BackColor="Transparent"
                                Columns="50"></asp:TextBox>
            </td>
        </tr>

        <!-- Subject -->
        <tr>
            <td align="center">
                Subject:
            </td>
            <td>
                <asp:TextBox ID="ddlSubject" runat="server"></asp:TextBox>
            </td>
        </tr>

        <!-- Message -->
        <tr>
            <td align="center">
                Message:
            </td>
            <td>
                <asp:TextBox ID="txtMessage" 
                                runat="server"
                                Columns="40"
                                Rows="6" 
                                TextMode="MultiLine"></asp:TextBox>
            </td>
        </tr>

        <!-- Submit -->
        <tr align="center">
            <td colspan="2">
                <a href="#btnSubmit">
                <asp:Button ID="btnSubmit" runat="server" Text="Submit" 
                    onclick="btnSubmit_Click" /></a>

            </td>
        </tr>

        <!-- Results -->
        <tr align="center">
            <td colspan="2">
                <asp:Label ID="lblResult" runat="server"></asp:Label>
            </td>
        </tr>
    </table>
</div>
</form>`

【问题讨论】:

  • 你在btnSubmit_Click写的东西

标签: c# html asp.net


【解决方案1】:

使用UpdatePanel 或者如果您真的想做SPA,请考虑使用AJAX 来开发网站并编写Web 服务。

【讨论】:

    【解决方案2】:

    在你的 Page_Load 函数中设置这个:

    Page.MaintainScrollPositionOnPostBack = true; 
    

    如果您希望在单击按钮后返回到页面上的相同滚动位置。

    【讨论】:

      【解决方案3】:
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-03-30
      • 1970-01-01
      相关资源
      最近更新 更多