$ .get实时更新XML数据

时间:2018-02-19 14:40:51

标签: jquery ajax xml html5 bootstrap-4

我正在构建一个包含显示某些温度信息的引导轮播的页面。数据从XML文件加载,只要发生更改,就会向该文件提供新数据。

我通过手动编辑文件来进行测试,但我无法看到我所做的更改。我已经尝试过setTimeout和setInterval(setInterval重复了几次这个块,如果它有效,它就不会有任何好处)。

你能帮我解决一下可能的解决方案吗?

function temperatures() {
    'use strict';
    $.get('temperature.xml', function (data) {
        $(data).find('temperature').each(function () {
            let $temperature = $(this);
            let type = $temperature.find('type').text();
            let value = $temperature.find('value').text();

            let temperatures = '<div class="carousel-item temperature">';
            temperatures += '<span class="sensor-value">' + value + '</span>';
            temperatures += '<span class="sensor-title">' + type + '</span>';
            temperatures += '</div>';

            $('.temperatures').append($(temperatures));
        });
    });
    setTimeout(temperatures, 1000);
}

$(function () {
    temperatures();
});

0 个答案:

没有答案