$("#servers li a").click(function() {
$(this).parent().addClass('active').siblings().removeClass('active');
var server = $('li.active a').text();
$("#appname").text(server);
var jsonLoader = setInterval(function() {
loadJason();
}, 1000);
var clearStuff = function() {
clearInterval(jasonLoader);
}
function loadJason() {
$.getJSON(('http://localhost:4567/' + server), function(data) {
$(".box-requests").text(data.requests);
$(".box-idle-workers").text(data.idle_workers);
$(".box-requests-per-second").text(data.requests_per_second);
$(".box-cpu").text(data.cpu);
$(".box-load-average").text(data.load_average);
$(".box-size-per-req").text(data.size_per_request);
$(".box-title").text(data.size_title);
});
}
});
在上面的代码中,当单击'li'项时,它每秒向服务器发送一个JSON请求,其中包含'li'内部文本,如localhost:4567 /'innertext of li'。当我点击另一个li项目时,它应该发送另一个li项目的请求,但它不会停止发送对前一项目的请求。如何停止前一个间隔。