准确的长轮询示例？

Question

我创建了一个函数，应该进行长时间轮询并获取“推送”给我的实时数据。现在，我正在测试一个 json 对象，该对象的格式是我收到数据后的样子。到目前为止，它似乎工作正常。我只是想知道你对此有何看法？你会以某种方式重构它还是完全以另一种方式完成它？

var url = '../../path_to_script/respondents.json';

function fetchData() {
  $.ajax({
    url: url,
    method: 'GET',
    dataType: 'json',
    contentType: "application/json; charset=utf-8",
    cache: false,
    success: function (data) {
        //parseData(data);
        setTimeout(function () { fetchData() }, 5000);
        console.log(data);
    },
    error: function (data) {
        setTimeout(function () { fetchData() }, 5000)
    }

 });

}

问候

Answer 1

这就像预期的那样工作。由于您明智地选择在请求返回后触发 setTimeout，因此不可能存在“重叠”请求。这是一件好事。

无论如何，您可以使用 jQuery 的“新”延迟 ajax 对象，这可能更方便一些。

(function _poll() {
    $.getJSON( url ).always(function( data ) {
        console.log( data );
        _poll();
    });
}());

注意：.always() 是全新的（jQuery 1.6）。

编辑

示例：http://jsfiddle.net/rjgwW/6/

Answer 2

我建议将事件更改为：

success: function (data) {
    console.log(data);
},
complete: function () {
    setTimeout(function () { fetchData() }, 5000)
}

始终在成功和错误后调用完整事件。这样你就只会有一次 setTimeout 行，这样更好。

Answer 3

我会做一些更改

• 将 method 更改为 type，method 不是 $.ajax 的有效参数。这是一个错误
• 删除 contentType，使用 dataType: 'json' 足以让这些值
• 在出现错误时执行某些操作。如果需要，请使用错误参数。例如：

。

error: function (xhr, status, errorThrown) {
  alert("There was an error processing your request.\nPlease try again.\nStatus: " + status);
}

希望这有帮助。干杯