如何避免由于太多ajax调用而导致浏览器内存不足错误

Question

我正在构建一个 Web 应用程序，它需要使用 jquery ajax 短格式一次进行大约 28000 次数据库调用。

它通过了大约 6000 个调用，但随后浏览器在浏览器控制台中给了我大约 20000 个以下错误（每个调用一个）：

POST（我的数据库调用）net :: ERR_INSUFFICIENT_RESOURCES

有谁知道如何解决这个问题？也许要创建一个缓冲区或其他什么？

谢谢！

编辑1：添加一些代码：

好的，所以用户可以填写一些值（比如 GHI > 4500，宽高比介于 157.5 和 202.5 之间）

将进行以下调用：

loadAllData('ghi', 4500, findIdealPoints);

这个调用导致这个函数：

function loadAllData(type, above, callback){
var data = {};
$.post('php/getIdealData.php?action=get&type='+type+'&above='+above, data, callback);

}

在 PHP 中运行此查询：

 "SELECT  `GHI` ,  `lat` ,  `long` 
    FROM solar
    WHERE  `GHI` >'{$_GET['above']}' ORDER BY `lat`,`long`;";

以 JSON 格式返回数组中的大约 28880 条记录，并调用执行以下操作的回调方法：

function findIdealPoints(data){
var i = 0;
while (i < data.length){
    loadAspectWithinRange('aspect', data[i]['lat'], data[i]['long'], 10, compareWithAspect);
    i++;
}     

}

运行这个 php 查询：

"SELECT `aspect`,
            `lat`, `long`, distance_in_km
            FROM (
                SELECT `aspect`, `lat`, `long`,r,
                (6378.10 * ACOS(COS(RADIANS(latpoint))
                * COS(RADIANS(`lat`))
                * COS(RADIANS(longpoint) - RADIANS(`long`))
                + SIN(RADIANS(latpoint))
                * SIN(RADIANS(`lat`)))) AS distance_in_km
            FROM aspect
            JOIN (
                SELECT  '{$_GET['lat']}'  AS latpoint, '{$_GET['long']}' AS longpoint, 10.0 AS r
            ) AS p
            WHERE `lat`
                BETWEEN latpoint  - (r / 111.045)
                AND latpoint  + (r / 111.045)
            AND `long`
                BETWEEN longpoint - (r / (111.045 * COS(RADIANS(latpoint))))
                AND longpoint + (r / (111.045 * COS(RADIANS(latpoint))))
            AND `aspect`
                BETWEEN '{$_GET['lowA']}' AND '{$_GET['highA']}'
            ) d
            WHERE distance_in_km <= r
            ORDER BY distance_in_km";

然后转到运行它的回调函数：

function compareWithAspect(data){
var idealPoints =[];
for (var i=0; i<data.length; i++){
            idealPoints.push(new google.maps.LatLng(data[i]['lat'], data[i]['long']));
        }

        if (idealPoints.length > 1){
            makePolygon(idealPoints)
        }
}

而 makePolygon 只是使用 Google Maps API 在地图上绘制。

我知道这很多而且看起来很复杂，如果有人能告诉我一个更好的方法，我会很高兴的！

再次感谢

Answer 1

你可以这样做。

function findIdealPoints(data){
   var i = 0;
    while (i < data.length){
       loadAspectWithinRange('aspect', data[i]['lat'], data[i]['long'], 10,          
     compareWithAspect);
    i++;
}

不要为每次出现都进行 Ajax 调用，而是将数据对象发送给您的调用

 loadAspectWithinRange('aspect',data,10,compareWithAspect)

然后在 Ajax 请求中将对象数组发送到您的服务并检索所有对象的结果，而不是一个一个地检索。

$.ajax({
   url:"...",
   data:{
       attr1:'aspect',
       points: data(here is the array retrieved from "getIdealData.php")
       attr2: 10
    },
   success:function(data){
      compareWithAspect(data)
   }
})

在服务器端处理中为getIdealData.php 点上的所有元素构建一个对象数组。

这会更好，而不是为每个元素做一个 Ajax