Question

我有此位的代碼而使用顯示從XML提要一些地方AJAX：

它顯示正確，但

$.ajax({ 
    type: "GET", 
    url: "testxml.xml", 
    dataType: "xml", 
    success: function(xml) { 
     $(xml).find("Country[Name='"+localStorage.ArrivalCountry+"']").find('Destination').each(function(){ 
      var destinationName = $(this).attr('Name'); 
      $('<a class="listItem" href="#" id="'+destinationName+'">'+destinationName+x+'<div class="arrow"></div></a>').appendTo('#destinationList'); 
     }); 

    } 
}); 

第一次，如果我刷新頁面，它會顯示每個結果兩次。如果我再次執行，則會顯示三次，依此類推。

Answer 1

您需要empty()從#destinationList以前的AJAX調用數據添加更新之前設置：

$.ajax({ 
    type: "GET", 
    url: "testxml.xml", 
    dataType: "xml", 
    success: function(xml) { 
     $("#destinationList").empty(); // This will clear out all the previously appended 'a' elements 
     $(xml).find("Country[Name='"+localStorage.ArrivalCountry+"']").find('Destination').each(function() { 
      var destinationName = $(this).attr('Name'); 
      $('<a class="listItem" href="#" id="'+destinationName+'">'+destinationName+x+'<div class="arrow"></div></a>').appendTo('#destinationList'); 
     }); 
    } 
}); 

更多有關empty()