Asp net jquery代码背后

时间:2017-02-16 09:18:04

标签: jquery html asp.net

我还是asp.net的新手。我试图通过尝试仅在某些方面渲染aspx来学习asp net。它工作正常,但我点击按钮文本框和标签,并在点击按钮时使标签从文本框中获取文本。

这里是我的代码: Detault.aspx

<form id="form1" runat="server">
    <div>
        <div align="center"><h1>THIS IS MASTER PAGE</h1></div>
        <hr />
        <a href="Javascript:void(0)" onClick="return doNothing()">tes</a>
        <a href="Javascript:void(0)" onClick="return doNothing2()">tes2</a>
        <hr />
        <div id="conteted"></div>
    </div>
</form>
<script src="js/jquery-2.2.3.min.js"></script>
<script>
    function doNothing() {
        $("#conteted").load("tes2.aspx");
        return false;
    };
    function doNothing2() {
        $("#conteted").load("tes3.aspx");
        return false;
    };
</script>

这是tes3.aspx:

 <body>
    <form id="form1" runat="server">
    <div>
    <asp:TextBox ID="Textbox1" runat="server"></asp:TextBox>
    <asp:Label ID="Label1" runat="server">aaaa</asp:Label>
    <asp:Button ID="Btn" runat="server" Text="sing"/>
    </div>
    </form>
</body>

tes3.aspx.vb

Protected Sub Btn_Click(sender As Object, e As EventArgs) Handles Btn.Click
    Label1.Text = Textbox1.Text
End Sub

有什么不对或我错了吗?

1 个答案:

答案 0 :(得分:0)

只需使用一些jQuery而不是服务器端代码,因为当您将内容动态加载到其他页面时,您将丢失asp.net单击事件。

例如:

 <body>
    <form id="form1" runat="server">
    <div>
    <asp:TextBox ID="Textbox1" ClientIDMode="Static" runat="server"></asp:TextBox>
    <asp:Label ID="Label1" ClientIDMode="Static" runat="server">aaaa</asp:Label>
    <asp:Button ID="Btn" ClientIDMode="Static" runat="server" Text="sing"/>
    </div>
    </form>

   <script>
   $(document).ready(function(){
      $('#Btn').click(function(){
         $('#Label1').text() = $('#Textbox1').val();
      })
   })
   </script>
</body>

您还需要加载jQuery库