SetInterval继续发送请求而不停止

时间:2017-03-20 01:36:58

标签: javascript jquery html setinterval

$("#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项目的请求,但它不会停止发送对前一项目的请求。如何停止前一个间隔。

0 个答案:

没有答案