阿賈克斯檢查每5秒清除原始數據

Question

我有一些JS對HTML顯示XML數據的XML文件：

$(document).ready(function() { 
     $.ajax({ 
     type: "GET", 
     url: "xml/odds.xml", 
     cache: false, 
     dataType: "xml", 
     success: function(xml) { 
      var $match = $(xml).find('match[id="670358"]'); 
      var $result = $match.find('bet[code="Ftb_Mr3"]'); 
      var $odds = $result.find("choice"); 
      var game = $match.attr('name').replace('-','<span class="text-danger">vs</span>'); 

      $("#title").append(game); 
      $odds.each(function() { 
      odd = $(this).attr('odd'); 
      $("#odds").append('<li>' + odd + '</li>'); 
      }); 
    } 
     }); 
    }); 

但是當我試圖把它這個偉大的工程，因此會檢查XML文件每5秒，所以它讀取：

$(document).ready(function() { 
    function get_info() { 
     $.ajax({ 
     type: "GET", 
     url: "xml/odds.xml", 
     cache: false, 
     dataType: "xml", 
     success: function(xml) { 
      var $match = $(xml).find('match[id="670358"]'); 
      var $result = $match.find('bet[code="Ftb_Mr3"]'); 
      var $odds = $result.find("choice"); 
      var game = $match.attr('name').replace('-','<span class="text-danger">vs</span>'); 

      $("#title").append(game); 
      $odds.each(function() { 
      odd = $(this).attr('odd'); 
      $("#odds").append('<li>' + odd + '</li>'); 
      }); 
    } 
     }); 
    } 
    setInterval(function() { 
     get_info(); 
    }, 5000); 
    }); 

這雖然給出了一個延遲入手，然後就重複的數據。

我該如何編輯它，以便它立即顯示來自XML的數據，然後在每次檢查時清除數據，以便我只顯示一組數據。

任何幫助appriciated，之後只需要找出如何改變小數爲分數

Answer 1

阿清是如此簡單，已經清除了錯誤的ID我說：

$('#title, #odds').html(''); //Clear content 

所以它現在的樣子：

$(document).ready(function() { 
    function get_info() { 
     $.ajax({ 
     type: "GET", 
     url: "xml/odds.xml", 
     cache: false, 
     dataType: "xml", 
     success: function(xml) { 
      $('#title, #odds').html(''); //Clear content 
      var $match = $(xml).find('match[id="670358"]'); 
      var $result = $match.find('bet[code="Ftb_Mr3"]'); 
      var $odds = $result.find("choice"); 
      var game = $match.attr('name').replace('-','<span class="text-danger">vs</span>'); 

      $("#title").append(game); 
      $odds.each(function() { 
      odd = $(this).attr('odd'); 
      $("#odds").append('<li><a class="btn btn-danger" href="#">' + odd + '</a></li>'); 
      }); 

    } 
     }); 
    } 
    setInterval(function() { 
     get_info(); 
    }, 5000); 
    }); 

只是需要解決的延遲時，現在它第一次加載:)