-1

重複の可能性:
JavaScript ループに遅延を追加するにはどうすればよいですか?

スリープ後に応答を待たずにオブジェクトを使用してPOSTリクエストを送信したい。ループ内で、このリクエストが送信されています。待機せずにすべてのリクエストを送信すると、ブラウザがしばらく応答しなくなり、サーバー側から許可されなくなります。これらすべてのリクエストの中にスリープを入れるにはどうすればよいですか? これは私が使用しているものです-xmlhttpjavascriptforPOST

for (var i = 0; i < users.length; i++) {
    var http = new XMLHttpRequest();
    //set args here, which is based elements of array users
    http.open('POST', '/user/home/index.php', true);
    //Set all headers here then send the request
    http.send(args);
}
4

1 に答える 1

1

現在のスクリプトの実行を遅らせる方法はありません。非同期リクエストを使用して、コードを再構築する必要があります。

したがって、次のようなコードがある場合:

function postData() {
    for (var i = 0; i < users.length; i++) {
        var http = new XMLHttpRequest();
        //set args here, which is based elements of array users
        http.open('POST', '/user/home/index.php', true);
        //Set all headers here then send the request
        http.send(args);
        //access request result
        if (http.status == 200) {
            console.log(http.responseText);
        } else {
            console.log('request error');
        }
    }
}

次のように変更します。

var userIndex = 0;

function postData() {
    if (userIndex >= users.length) {
        //no more users to process
        return;
    }

    var http = new XMLHttpRequest();
    //set args here, which is based elements of array users
    http.open('POST', '/user/home/index.php', true);

    //set request handler
    http.onreadystatechange = function() {
        if (http.readyState != 4) return;
        if (http.status == 200) {
            console.log(http.responseText);
        } else {
            console.log('request error');
        }
        //process next user index
        userIndex++;
        window.setTimeout(function() {
            postData(); //do it again
        }, 5000); //5 seconds delay
    };

    //Set all headers here then send the request
    http.send(args);
}

postData(); //start the request chain
于 2012-10-14T10:42:59.480 に答える