我正在使用此 ajax 代码来检查域。对于每个域，都会向 API 发送一个请求。我在带有 3 个后缀(6000 个域)的 textarea 中创建了 2000 行，然后单击提交。提交所有检查过的域后，使用 ajax 在表中显示域状态。第一次显示域表，但几秒钟后表被删除，代码不显示结果!

如何解决这个问题？

Chrome 的控制台显示此错误:

Failed to load resource: net::ERR_INSUFFICIENT_RESOURCES

Demo Link

Ajax code(ajax.js):

$(document).ready(function () {
    $("#submit").click(function () {            

        // check if anything is selected:
        if(!$('#domains').val() || !$('[type="checkbox"]:checked').length){
            return false;
        }
        // disable the button:
        var btn = $(this).prop('disabled', true);

        var domain = $('#domains').val().split("\n");
        var counter = 0;

        // an indicator to state when the button should be enabled again:
        var ajaxQueue = 0;

        //send ajax request for earse txt file (new request)
        $.ajax({
                type: "GET",
                url: "includes/ajax/ajax.php",
                data: {new_request: ajaxQueue },
        });

        var Table = '<table class="paginated table table-bordered table-striped table-responsive domain-table"><thead><tr><th>ID</th><th>Domain Name</th><th>.Com</th><th>.Net</th><th>.Org</th><th>.Ir</th><th>.Biz</th><th>.Info</th><th>.Us</th><th>.Name</th><th>.Pro</th><th>.Eu</th><th>.In</th><th>.Me</th><th>.Tv</th><th>.Cc</th></tr></thead><tbody>';

        // create the td elements, but do not perform AJAX requests there:
        $.each(domain, function (i, val) {
            counter++;
            Table += '<tr><td>'+ counter +'</td><td>'+ val +'</td>';
            $('input[type=checkbox]').each(function () {
                if($(this).is(':checked')){
                    ajaxQueue++;
                    // if checkbox is checked make td element with specified values and a "load-me" class:
                    Table += '<td class="load-me" data-domain="'+val+'" data-suffix="'+$(this).val()+'"><small>loading...</small></td>';
                }else{
                    Table += '<td><span class=text-muted><i class="fa fa-minus"></i></span></td>';
                }
            });
            Table += '</tr>';
        });

        // Replace HTML of the 'domain_tables' div and perform AJAX request for each td element with "load-me" class:
        $('#domain_tables').html(Table+'</tbody></table>').find('td.load-me').each(function(){
            var td = $(this);

            $.ajax({
                type: "POST",
                url: "includes/ajax/ajax.php",
                dataType: "json",
                data: {domain: td.attr('data-domain'), suffix: td.attr('data-suffix')},
                success: function (msg) {
                    // decrease ajaxQueue and if it's 0 enable button again:
                    ajaxQueue--;
                    if(ajaxQueue === 0){
                        btn.prop('disabled', false);
                    }
                    if(msg.suc == false){
                        td.html('<span class=text-danger><i class="fa fa-check"></i></span>');
                    }else{
                        td.html('<span class=text-success><i class="fa fa-times"></i></span>');
                    }
                },
                error: function (err) {
                    $('#domain_tables').html(err.error);
                }
            });
        });

    // clear textarea and uncheck checkboxs
    $("#reset").click(function(){
        $('input[type=checkbox]').attr('checked', false);
        $('#domains').val('');
        $('#submit').prop('disabled', false);
    });

    // table paganation
    $('table.paginated').each(function() {
        var currentPage = 0;
        var numPerPage = 100;
        var $table = $(this);
        $table.bind('repaginate', function() {
            $table.find('tbody tr').hide().slice(currentPage * numPerPage, (currentPage + 1) * numPerPage).show();
        });
        $table.trigger('repaginate');
        var numRows = $table.find('tbody tr').length;
        var numPages = Math.ceil(numRows / numPerPage);
        var $pager = $('<ul class="pager pagination"></ul>');
        for (var page = 0; page < numPages; page++) {
            $('<li class="page-number"></li>').text(page + 1).bind('click', {
                newPage: page
            }, function(event) {
                currentPage = event.data['newPage'];
                $table.trigger('repaginate');
                $(this).addClass('active').siblings().removeClass('active');
            }).appendTo($pager).addClass('clickable');
        }
        if(numRows > 100 ){
            $pager.insertAfter($table).find('span.page-number:first').addClass('active');
        }
    });

    });



}); 

PHP代码(ajax.php):

<?php
if($_SERVER['REQUEST_METHOD']=='GET'){
    $new_request = $_GET['new_request'];
    // check new request flag for erase all data from txt file
    if(isset($new_request) && $new_request == 0 ){
        $handle = fopen ("../textfile/data.txt", "w+");
        fclose($handle);
    }
}
if($_SERVER['REQUEST_METHOD']=='POST'){
    $domain = $_POST['domain'];
    $suffixes = $_POST['suffix'];

    $target = 'http://whois.apitruck.com/'.$domain.".".$suffixes;
    $getcontent = file_get_contents($target);
    $json = json_decode($getcontent);
    $status = $json->response->registered;

    if($status){
        die(json_encode(array('suc'=>true)));
    } else {
        $file = '../textfile/data.txt';
        // Open the file to get existing content
        $current = file_get_contents($file);
        // Append a new person to the file
        $current .= $domain.".".$suffixes." | \n";
        // Write the contents back to the file
        file_put_contents($file, $current);

        die(json_encode(array('suc'=>false)));
    }
}
?>

最佳答案

根据 Chrome 的代码审查，您收到该错误的原因是您达到了渲染过程中可以处理多少请求的限制，正如您所提到的 - 您说的是大约 6000 个请求。

错误:

net::ERR_INSUFFICIENT_RESOURCES

原因:

Add a constraint on how many requests can be outstanding for any given render process (browser-side).

Once the constraint is reached, subsequent requests will fail with net::ERR_INSUFFICIENT_RESOURCES.

The bound is defined as "25 MB", which represents the amount of private bytes we expect the pending requests to consume in the browser. This number translates into around 6000 typical requests.

Note that the upload data of a request is not currently considered part of the request's in-memory cost -- more data is needed on the average/maximum upload sizes of users before deciding what a compatible limit is.

来源:https://codereview.chromium.org/18541

如何解决？

我的建议是获取输入并将其添加到数据库中，添加到一个pending_requests 表中。在您的服务器中，创建一个每隔几分钟运行一次的 cronjob，并完成来自该表的 X 个请求，一旦完成 - 从该表中删除它们，以便下次运行 cronjob 时它将转到下一个 X 个请求。

许多处理多请求的服务以某种方式使用这种方法。他们通常在任务完成时通过电子邮件通知用户。

关于javascript - Chrome下加载资源失败!目前不工作ajax，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28939913/