无法加载资源：net::ERR_INSUFFICIENT_RESOURCES 与循环 ajax 查询

问题描述

我实现了一个系统，其中对 PHP 文件进行了 10,000 次调用，该文件为每次调用生成一个随机数并将其存储在数据库表中。但是，我收到有关资源不足的错误。在评估数据库表时，尽管有错误消息，但似乎已经成功存储了 4,000 个数字。

以下是包含 ajax 调用的 javascript 代码：

     function randNoCall() {
        $.ajax({
          url: "randomNum.PHP",method: "GET",success: function (res) {
            console.log(res);
            callsMade++;
            if (callsMade == 9999) {
              $("p").html(" <table> <tr><th>Number Generated</th><th>Instance Name</th> </tr> " + res + "</table> <br/>   <button id='evaluateButton' onClick='Evaluate()'>Evalaute</button> </br>");
            }
          },});
      }
      var i;
      var callsMade = 0;
      for (i = 0; i < 10000; i++) {
        randNoCall();
      }

res 变量返回表数据，即表中生成的数字。

解决方法

在研究该问题后，我注意到出现此问题是由于我的浏览器资源不足，无法一次性处理所有请求。为了解决这个问题，我创建了一个按钮和一个调用 1000 次的 onClick 函数，通过这种方式分离请求，确保浏览器有足够的资源来相应地处理它们。