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 にロードする前に、既に div 内にあるものを削除しようとしましたか?

このようなもの

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