javascript - 运行 jQuery 脚本发出 ajax 请求 2 分钟后出现错误 net::ERR_INSUFFICIENT_RESOURCES

Question

运行下面的代码，页面可以正常加载 dayofweek 和 hourofday 函数。但在浏览器 (Chrome) 卡住并给出错误后不久:net::ERR_INSUFFICIENT_RESOURCES 并引用 jQuery 库和我的 hourofday.js 脚本。

几分钟后，它开始出现疯狂的错误并卡住。我什至无法重新加载页面。

function dayofweek(){
    $.ajax({
        url: "dayofweek.php",
        type: "POST",
        dataType: "xml",
        success: function (xml){
        var day = $(xml).find('day').first().text();
        $("#dayofweek").html(day);

    },
         error: function (xhr, status) {


    },
         complete: function (xhr, status) {
    }
 });
}

function hourofday(){
    $.ajax({
        url: "hourofday.php",
        type: "POST",
        dataType: "xml",
        success: function (xml){
        var response = $(xml).find('response').first().text();
        $("#hourofday").html(response);
    },
        error: function (xhr, status) {


  },
        complete: function (xhr, status) {
   }

 });
setInterval(dayofweek, 6000); 
setInterval(hourofday, 6000);
}

Answer 1

您在 hourofday() 函数定义中调用了 setInterval(hourofday, 6000); 函数!这意味着它将无限递归，调用自身直到您的计算机内存不足。

只需将 setInterval(...) 语句移到函数定义之外。