使用 Javascript 按钮刷新 DIV [关闭]答案

【问题标题】：Refresh DIV With Javascript Button [closed]使用 Javascript 按钮刷新 DIV [关闭]
【发布时间】：2012-09-13 13:24:48
【问题描述】：

在dreamweaver 中创建一个APP。当用户单击按钮时，如何使特定的 DIV 重新加载/刷新。

【问题讨论】：

您的问题没有任何意义 - 您不能重新加载/刷新 div，只能重新加载/刷新页面或 iframe。
用什么以及从哪里刷新 div？
您可以使用 javascript 刷新 div 内容，我认为这是您所暗示的，但如上所述，您在刷新什么，新内容来自哪里？
说真的：那个神秘的赞成票是从哪里来的？
我认为他想用 AJAX 刷新/重新加载该 DIV 的内容。

标签： javascript

【解决方案1】：

考虑您有一个带有 id refresh 的按钮，并且您要重新加载的 div 具有 id div。单击按钮后，它将使用以下 JQuery 加载 div

 <input type='button' name ='click me' id="refresh" /

 <script>
   $(function() {
     $("#refresh").on("click", function() {
        $("#mydiv").load("index.html")
        return false;
    })
  })
</script>

【讨论】：

抱歉不清楚。我有一个由各种 DIV 组成的 index.html 文件，而不是将其分解为单独的 html 页面。有些 DIV 使用 javascript 为用户提供随机对象或单词组合等。例如，我有一个名为 Scavenger Hunt 的 DIV，它提供了一个单词列表。我希望用户能够获得一个新列表。我使用了 window.location.reload() 并且它有效，它确实重新加载了脚本并给出了一个新列表，但它似乎重新加载了整个 index.html，而不是那个特定的 div。但在我的测试中，该命令不适用于 android。
您的 div 在 index .html 文件中？
你想只刷新div还是整个页面？
通过重新加载整个 index.html，我的意思是大约需要 2 秒，屏幕实际上是空白的。 @umir，是的，我只想刷新 DIV，而不是整个页面。我会试试你的建议，非常感谢你的帮助。只是一个问题，我应该在脚本中输入实际的 div 名称吗？示例（清道夫）
所以您的解决方案不能仅在 android 上运行？

【解决方案2】：

在 Jquery 中

 <button id="MyButton">Refresh</button>

$(document).ready(function () {
     $("#myButton").on("click", function () {
        $("#div").load("index.php")
     });
});

【讨论】：

你是 aelios，我会试试看。与我对 Umir 的问题相同，我是否会将我想要刷新的 div 的实际名称放入代码中显示#div 的位置？
是的，如果你的 div 名称是 MyDiv ：替换为 #MyDiv
我也试过了，效果很好。一次。如果您再次单击该按钮，它不会重新加载页面。
如果您的页面没有任何变化，可能是正常行为
每次点击按钮时不应该重新加载div吗？这不是功能的重点吗？任何想法为什么它只能工作一次？

【解决方案3】：

这是一个如何在 DIV 元素中重新加载文本的简单示例：

http://www.w3schools.com/jquery/jquery_ajax.asp

【讨论】：