jquery - jquery刷新div再次显示div

Question

我有一个显示 mysql 查询结果的 div。有时数据库会添加或编辑条目，因此我希望能够通过单击按钮来刷新 div。它有点起作用，但有点不起作用。这是我的代码

<a id="refresh" href="#">click</a>

<script>
    $(function() {
      $("#refresh").click(function(evt) {
         $("#container").load("index.php")
         evt.preventDefault();
      })
    })
</script>

第一次单击该链接时，它会在原始容器 div 中显示整个 index.php。之后的每次点击都会像我想要的那样刷新新创建的 index.php，唯一的问题是它显示了双 index.php。有人可以指出我正在犯的可能明显且希望简单的错误吗？谢谢！

Answer 1

在将新数据加载到其中之前，您是否尝试过删除 div 中已有的内容？

像这样的东西

<script>
    $(function() {
      $("#refresh").click(function(evt) {
         $("#container").html("");
         $("#container").load("index.php")
         evt.preventDefault();
      })
    })
</script>