AJAXページの更新をダブル結果

Question

私はそれはAJAXを使用してXMLフィードからいくつかの場所を表示するコードのこのビットを持っています二度。私がもう一度やり直すと、それは3回表示されます。

Answer 1

は、あなたが更新されたセットを追加する前に#destinationListから、以前のAJAX呼び出しのデータempty()する必要があります。

$.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'); 
     }); 
    } 
}); 

詳しい情報について