jquery refreshing div показывает div снова

Question

У меня есть div, который показывает результат запроса mysql. Бывают случаи, когда в базе данных будут добавлены или отредактированы записи, чтобы я мог обновить div одним нажатием кнопки. Это своего рода работы, но вроде этого нет. Вот мой код

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

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

В первый раз, когда я нажимаю на ссылку, он отображает WHOLE index.php внутри исходного контейнера div. Каждый клик после этого обновит вновь созданный index.php, как я хочу, единственная проблема в том, что он показывает double index.php. Может ли кто-нибудь указать, вероятно, очевидную и, надеюсь, простую ошибку, которую я делаю? благодаря!

Answer 1

Вы пытались удалить то, что уже находится в div, прежде чем загружать в него новые данные?

что-то вроде этого

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