Jquery ajax刷新，无法让它工作

Question

好吧，长话短说，我在 jquery 移动环境中使用这个脚本。我在其中使用ajax从数据库中获取结果。我目前正在工作，但它不会自动刷新。我读过很多关于如何使用设置间隔功能的在线帖子，并且我已经尝试过。然而，当我尝试它时，它有效，但它不断添加重复的内容(一遍又一遍地添加相同的数据库记录)。我似乎无法让它发挥作用。任何帮助将不胜感激，提前致谢!

这是我的代码(*不是我删除了 setinterval 函数):

 <script type="text/javascript">
$( document ).delegate("#member_home", "pagecreate", function() 
{ 
var member= new Array();
$.ajaxSetup({cache: false})
$.ajax({
url: '/scripts/alert_display.php',
data: "",
isajax: 1,
dataType: 'json',
success: function(data)
  {
    $.each(data, function(key, val) {

var friend = val['friend'];

$('#member_alerts').append(friend+"&nbsp;Wants to be your friend<input type='hidden' value='"+friend+"' id='hidden4' /><button type='submit' id='add'>Accept</button><br />");
                                                         });
                                                  }
                                           });

                                 })
                    </script>

非常感谢您的帮助，所以为了清楚起见，我的代码现在应该如下所示？:

<script type="text/javascript">
$( document ).delegate("#member_home", "pagecreate", function() 
{ 
var refreshId = setInterval(function()
{
var member= new Array();
$.ajaxSetup({cache: false})
$.ajax({
url: '/scripts/friend_request_display.php',
data: "",
isajax: 1,
dataType: 'json',
success: function(data)
  {
    $.each(data, function(key, val) {

var friend = val['friend'];

$('#member_alerts').html(friend+"&nbsp;Wants to be your friend<input type='hidden' value='"+friend+"' id='hidden4' /><button type='submit' id='add'>Accept</button><br />");
                                                         });
                                                  }
                                           });
               }, 1000);
                                 })
                    </script>

Answer 1

它不断添加重复的内容，因为您正在使用 append 函数，该函数会添加到元素中的当前 DOM。使用 html (您可能还需要创建 div 标签)。请参阅this SO question了解更多信息。