Jquery Ajax每5秒检查一次xml文件，以清除原始数据

我有一些js可以在HTML上显示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>');
          });
    }
      });
  });

$（文档）.ready（函数（）{
$.ajax({
键入：“获取”，
url:“xml/lobbs.xml”，
cache:false，
数据类型：“xml”，
成功：函数（xml）{
var$match=$（xml）.find（'match[id=“670358”]”）；
var$result=$match.find（'bet[code=“Ftb_Mr3”]”）；
var$赔率=$result.find（“选择”）；
var game=$match.attr（'name'）。替换（'-'，'vs'）；
$（“#标题”）。附加（游戏）；
$赔率。每个（函数（）{
奇数=$（this.attr（'odd'）；
$（“#赔率”）。追加（“
”+奇数+”
）；
});
}
});
});

但是，当我尝试获取XML文件时，它会每5秒检查一次XML文件，以便读取：

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

$（文档）.ready（函数（）{
函数get_info（）{
$.ajax({
键入：“获取”，
url:“xml/lobbs.xml”，
cache:false，
数据类型：“xml”，
成功：函数（xml）{
var$match=$（xml）.find（'match[id=“670358”]”）；
var$result=$match.find（'bet[code=“Ftb_Mr3”]”）；
var$赔率=$result.find（“选择”）；
var game=$match.attr（'name'）。替换（'-'，'vs'）；
$（“#标题”）。附加（游戏）；
$赔率。每个（函数（）{
奇数=$（this.attr（'odd'）；
$（“#赔率”）。追加（“
”+奇数+”
）；
});
}
});
}
setInterval（函数（）{
获取信息（）；
}, 5000);
});

不过，这会给一个开始的延迟，然后只是重复数据

我如何编辑它，使它立即显示XML中的数据，然后每次检查时清除数据，这样我只显示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);
  });

$（文档）.ready（函数（）{
函数get_info（）{
$.ajax({
键入：“获取”，
url:“xml/lobbs.xml”，
cache:false，
数据类型：“xml”，
成功：函数（xml）{
$（'#title，#赔率'）.html（''）//清除内容
var$match=$（xml）.find（'match[id=“670358”]”）；
var$result=$match.find（'bet[code=“Ftb_Mr3”]”）；
var$赔率=$result.find（“选择”）；
var game=$match.attr（'name'）。替换（'-'，'vs'）；
$（“#标题”）。附加（游戏）；
$赔率。每个（函数（）{
奇数=$（this.attr（'odd'）；
$（“#赔率”）。追加（“
”）；
});
}
});
}
setInterval（函数（）{
获取信息（）；
}, 5000);
});

现在只需解决首次加载时的延迟：）