刷新Div按钮单击以从数据库获取数据(asp.net,Jquery)

时间:2013-09-01 08:34:46

标签: jquery html asp.net ajax

我正在尝试从数据库获取文字数据以在主页上显示新闻 每当我更改数据库中的数据时,我必须刷新整个页面以查看div中的新数据 我想要做的是点击主页上的一个按钮,只为div重新加载/ refesh数据 下面的脚本重新加载整个页面

 <script>
    $("button3").click(function(){
        $("#container").load('WebForm1.aspx #container');

</script>

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

<ul id="js-news" class="js-hidden" >
    <li class="news-item"><asp:Literal ID="news" runat="server" /></li>
    <li class="news-item"><asp:Literal ID="news1" runat="server" /></li>
    <li class="news-item"><asp:Literal ID="news2" runat="server" /></li>

</ul>
</div>        <asp:Button ID="Button3" runat="server" Text="Button" />

我希望你们能帮帮我。谢谢 我相信我需要AJAX或其他东西:/

5 个答案:

答案 0 :(得分:0)

从按钮中删除runat Server属性,我认为应该解决问题

答案 1 :(得分:0)

您可以将数据放入iframe,然后使用此iframe refresh method. 有关iframe here.

的更多信息

答案 2 :(得分:0)

您不需要服务器控制来执行此操作,因为它会进行回发..您只需使用HTML按钮

<input type="button" id="Button3" value="Button" />
另外,如果你需要在JavaScript中引用服务器控件,你应该使用.ClientID()

  $("<%=Button3.ClientID %>")

答案 3 :(得分:0)

$("button3").click(function(e){
        $("#container").load('WebForm1.aspx #container');
        e.preventDefault();
}

<asp:Button ID="Button3" runat="server" clientIdMode="static" Text="Button" />

答案 4 :(得分:0)

试试这个

<script>
    $("button3").click(function(){
        $("#container").load('WebForm1.aspx #container > *');
       });

</script>