ajax和settimeout的执行顺序,javascript

我使用jQuery Ajax和setTimeout()每隔x秒获取一次新数据，这会导致内存泄漏。 浏览器内存在每次Ajax调用时都会上升，直到浏览器崩溃。

$(document).ready(wp.state.init);

wp.state = {

data: {},

init: function () {

$.PubSub('state:refresh').subscribe(function () {

window.setTimeout(function () {

wp.state.refresh();

}, 1000);

});

this.refresh();

},

refresh: function () {

$.ajax({

url: 'http://url_here/',

cache: false,

dataType: "json",

success: function (data) {

wp.state.data = data;

$.PubSub('state:refresh').publish();

}

});

}

}

更新 (基于@dez答案)

wp.state = {

data: {},

init: function () {

$.PubSub('state:refresh').subscribe(function () {

window.setTimeout(wp.state.refresh, 1000);

});

this.getState();

},

refresh: function () {

wp.state.getState();

},

onSuccess: function (data) {

wp.state.data = data;

$.PubSub('state:refresh').publish();

},

getState: function () {

$.ajax({

url: 'http://url_here/',

cache: false,

dataType: "json",

success: this.onSuccess

});

}

}

笔记：

发布者/订阅者( $ .PubSub )实现在此处 。 在实施PubSub之前也发生了Mem泄漏，因此它显然没有相关性。

使用setTimeout而不是setInterval ，只有在旧的Ajax调用成功后才能执行新的Ajax调用。

当然还有其他函数可以监听' state：refresh '并使用wp.​​state.data中的数据