仅刷新按钮上的 Div 单击以从数据库中获取数据（asp.net，Jquery）答案

【问题标题】：refresh only Div on button click to get data from database (asp.net,Jquery)仅刷新按钮上的 Div 单击以从数据库中获取数据（asp.net，Jquery）
【发布时间】：2013-09-04 14:02:13
【问题描述】：

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

 <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 或其他东西：/

【问题讨论】：

标签： jquery html asp.net ajax

【解决方案1】：

试试这个

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

</script>

【讨论】：

【解决方案2】：

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

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

【讨论】：

我添加了一个视频并播放了它。然后刷新了。但它也刷新了视频。没有工作:(
尝试再次运行我的代码，但删除此行：$("#container").load...... 在 firebug 中查找错误
很抱歉没有找到你。如果我删除该行，它将如何知道要刷新哪个 DIV？？
我只是想看看那条线是否导致了问题。 Bu 默认情况下，无论您做什么，按钮都倾向于回发。您可以使用 preventdefault 阻止回发，但如果有任何 js 错误，则会自动回发。
我正在使用带有 runat 服务器的按钮，所以它会回发。如果我删除它不会，但它也不会提取新的数据库数据。

【解决方案3】：

您不需要服务器控制来执行此操作，因为它会回发。您只需使用 HTML 按钮即可

<input type="button" id="Button3" value="Button" />

另一件事，如果你需要像你一样在 JavaScript 中引用服务器控件，你应该使用 .ClientID()

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

【讨论】：

没有刷新任何东西:(
没有错误。它只是一个虚拟按钮。没有从数据库中提取新数据

【解决方案4】：

您可以将数据放入 iframe 中，然后使用 iframe refresh method. 更多关于 iframe 的信息here.

【讨论】：

谢谢。但我不喜欢 iframe。

【解决方案5】：

从您的按钮中删除 runat Server 属性，我认为应该可以解决问题

【讨论】：