如何在jquery / ajax中中止和取消XHR未决请求？

Question

我正在使用jquery ajax load（）函数每5秒刷新一次DIV内容。但是，一段时间后有多个xhr请求待处理，这会拖慢浏览器的冻结速度！等待5秒/请求后如何中止那些未决的请求。或解决此问题的更好解决方案？

    $(document).ready(
    var xhr;
    var fn = function() {
        if (xhr && xhr.readyState != 4) {
            xhr.abort();
        }
        xhr = $.ajax({});
    };
    var interval = setInterval(fn, 5000);
);

一些开发人员在谈论上述代码块，但是我无法解决它的问题。
这是我的代码：

$(document).ready(function() {
    $('.slot1_clicker').on('click', function() {
        $("#slot1").load(" #slot1 ", function() {
            $.getScript("/files/po.js");
        });
    });
});
setInterval(function() {
    $('.slot1_clicker').trigger('click');
}, 5000);