jqueryを使用した複数のajaxリクエスト

Question

Javascript/JQueryの非同期性に問題があります。

以下のように言います（レイテンシは考慮されません）。

私は1つのページに3つのボタン（A、B、C）を持っています。それぞれのボタンはショッピングカートにアイテムを1つ追加し、それぞれ1つのajax-requestを要求します。 は、私はサーバーサイドスクリプト（PHP）での5秒の意図的な遅延時間を置くと離れて1秒でボタンを押すと、私は結果は次のようになりたい：

Request A, 5 seconds 
Request B, 6 seconds 
Request C, 7 seconds 

しかし、結果はこの

ようなものです

Request A, 5 seconds 
Request B, 10 seconds 
Request C, 15 seconds 

これは、要求がキューに入れられていて同時に実行されていないことを意味しています。これはasyncとは逆のものではありませんか？私はまた、URLにランダムなget-parameterを追加して、リクエストにいくつかの一意性を強制しましたが、幸運はありません。

これについて少しお読みになりました。同じ "要求オブジェクト（？）"を使用しない場合、この問題は発生しません。 JQueryでこの動作を強制することは可能ですか？

これは私もGETやPOST、違いはありません両方試してみました私は

$.ajax(
{ 
    url : strAjaxUrl + '?random=' + Math.floor(Math.random()*9999999999), 
    data : 'ajax=add-to-cart&product=' + product, 
    type : 'GET', 
    success : function(responseData) 
    { 
    // update ui 
    }, 
    error : function(responseData) 
    { 
    // show error 
    } 
}); 

を使用していたコードです。

ボタンをクリックした直後にリクエストを送信するようにしました。以前のリクエストが完了したときではなく、リクエストが送信されます。私はリクエストをキューではなく同時に実行したい。

Answer 1

ここで私が試してみたいことは、あなたがより良い方法で時間を記録する必要があると思います。私は時をテストするために今何をしているのか分かりませんが、ここは良い方法です。

Firefox用のFirebugを入手していない場合は、入手してください。

Firebugを開いて、[ネット]タブに移動します。有効にしてください。

各ボタンをクリックすると、各リクエストが表示されます。各ボタンをクリックすると、前のリクエストが終了するまで次のリクエストが表示されません。これはjavascriptに問題があることを示します。しかし、私はあなたが1秒ごとに離れている各バーの開始点を推測しています。これを行い、あなたが見ていることを私たちに知らせてください。

編集

私はあなたの問題を発見したと思います。私はあなたがPHPでスリープ関数を使用していると思います。 sleep関数は、現在のセッションでスリープします。 3つのタブを開き、ajax urlを置くと、同じ動作に気付くでしょう。 5,10,15秒ごとに各タブを終了します。私はグーグルで試して、他の人と同じ結果を見つけました。これは、おそらくPHPがマルチスレッド化されていないためです。私は別のフレームワークを使用することをお勧めします。

Answer 2

あなたがjsの異なる範囲にいない場合にのみ、Parallel ajaxの呼び出しを行うことができます。同じjsスコープ内にいると、同じ '要求オブジェクト'をシリアル化の方法で使用できるように見えます。

私たちはこのページのリンクで2つの優れた応答を見つけることができます。並列クエリスタックオブジェクトの2番目の応答を参照してください。これは必要なもので、この並列スタックにリクエストを追加すると、並行して解凍されます（スタックオーバーフローはウェブ上で最高のサイトです:-)）。 Parallel asynchronous Ajax requests using jQuery

Answer 3

同時Ajaxリクエストの数には制限があります。それはブラウザ依存しているように、この

How many concurrent AJAX (XmlHttpRequest) requests are allowed in popular browsers?

が見える参照してください。

ボブ

Answer 4

あなたは、同時にそれを行うJSが原因1つのブラウザUIスレッドに偽の非同期操作を持っている原因傾けます。しかし、ブラウザUIスレッドのコードを実行する方法であるWebワーカーを試すことができます。 Firefox 3.5、Chrome 3、およびSafari 4で既にサポートされています。 アプリケーションのユーザビリティを向上させるかもしれません。

Answer 5

明らかに、この動作はsession_write_close（）を使用すると簡単に受け入れられます。 PHPで。しかし、これは容易にDDoS攻撃を可能にします。私は10秒でF5を押してページをリフレッシュし、開発者のコ​​ンピュータを無事に殺しました。

ケースが閉じられました。