ajax はデフォルトで同期ですか、それとも非同期ですか?-フロントエンドQ&A-php.cn

ajax はデフォルトで同期ですか、それとも非同期ですか?

青灯夜游

リリース： 2022-01-17 16:18:04

オリジナル

5329 人が閲覧しました

ajax のデフォルトは非同期送信です。AJAX は async 値に応じて同期「false」と非同期「true」に分かれており、デフォルトでは async 値は true (非同期送信) です。この利点は、部分的な更新によってユーザーエクスペリエンスを向上させると同時に、リソースを節約し、データベースへの負荷を軽減できることです。

ajax はデフォルトで同期ですか、それとも非同期ですか?

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

ajax のデフォルトの送信方法は非同期送信です。この利点は、リソースを節約し、データベースへの負荷を軽減しながら、部分的な更新によってユーザーエクスペリエンスを向上できることです。

AJAX は、async の値に応じて同期 (async = false) と非同期 (async = true) に分けられます。

$.ajax({ 
        type: "post", 
       url: "path", 
       cache:false, 
       async:false, 
        dataType: ($.browser.msie) ? "text" : "xml", 
         success: function(xmlobj){ 
                      function1(){};
        } 
});
 function2(){};

ログイン後にコピー

デフォルトでは、async は true (非同期送信) です。

同期に変更する方法は、async のデフォルト値を false に変更することで、通常は true または何も書かれていないため、false に変更すると ajax の機能が失われます。

1. 同期リクエストとは: (false)

同期リクエストとは、現在のリクエストが発行された後、ブラウザは何もできず、次のリクエストが発行されるまで待機する必要があることを意味します。リクエストは完了して返されます。データが収集された後、後続のコードが実行されます。これはキューイングと同じです。前の人が自分の業務を完了してから、次の人が続行できます。つまり、JS コードが現在の AJAX にロードされると、ページ内のすべてのコードのロードが停止し、ページは一時停止アニメーションの状態になります。AJAX が完了すると、他のコードは引き続き実行されます。コードを入力すると、ページは一時停止アニメーション状態を解除します (つまり、ajax がデータを受信した後、次の関数 2 を実行するときに戻ります)。

2. 非同期リクエストとは: (true)

非同期リクエストとは、ブラウザがリクエストの送信中に引き続き何でもできることを意味します。リクエストです。ページの読み込みとユーザーの操作に影響します。これは 2 行に存在し、それぞれが互いに影響を与えることなく独自の方向に進むのと同じです。

通常、デフォルト値は true (非同期) です。非同期リクエストはユーザーエクスペリエンスにまったく影響を与えず、リクエストの長短に関係なく、ユーザーはページ上の他のコンテンツの操作に集中しており、待つ気はありません。

同期と非同期の違いは何ですか:

非同期: 非同期モードでは、AJAX を使用してリクエストを送信した後、次のコードを実行する必要がある場合があります。実行されました。現時点では、さまざまな理由によりサーバーがリクエストに応答していない可能性がありますが、非同期実行を使用しているため、AJAX リクエストコードを含むすべての関数の残りのコードは引き続き実行されます。リクエストの結果を別の JS 関数に渡して処理すると、2 つのスレッドが同時に実行されているような状態になります。

同期: 同期モードでは、AJAX を使用してリクエストを送信した後も、実行する必要があるコードがまだあります。また、サーバーの応答を処理のために別の JS 関数に渡しますが、コードの実行は今回は Yes: サーバーが応答しない場合、または応答結果を処理する JS 関数がリターン処理を行っていない場合、リクエストコードを含む関数の残りのコードは実行できません。単一スレッドと同様に、リクエストが送信された後にブロック状態に入り、ブロック状態になるまで残りのコードは実行を継続しません。

次のコードを見てください:

var flag=true;
var index=0;
$.ajax({
  url: "",
  success: function(data){
    flag=false;
  } 
});
while(flag){
  index++;
}
alert(index);

ログイン後にコピー

最後のプログラムは無限ループに入りました

次のコードを見てください:

var flag=true;
$.ajax({
  url: "",
  success: function(data){
    flag=false;
  } 
});
alert(flag);

ログイン後にコピー

最終的なプログラムresult is true

JS はシングルスレッドですが、ajax リクエストの実行にはある程度時間がかかるか、ネットワーク障害が発生して長時間結果が返されないため、現時点では、同期的に実行されるため、ajax が結果を返すまで待つ必要があります。次のコードを実行します。ajax リクエストに 1 分かかる場合、プログラムは 1 分待つ必要があります。非同期で実行される場合, サーバーが戻るのを待っている間, フォアグラウンドは ajax ブロックの背後でスクリプトを実行し続けます. サーバーが正常な結果を返すまで成功は実行されません. このとき, 2 つのスレッドが実行されます, ajax Afterブロックは、ajax ブロックの背後でリクエスト、スレッド、スクリプトを作成します。

var flag=true;
var index=0;
$.ajax({
  url: "",
  async:false,
  success: function(data){
    flag=false;
  } 
});
while(flag){
  index++;
}
alert(index);

ログイン後にコピー

最終結果は 0

[関連チュートリアルの推奨事項: AJAX ビデオチュートリアル]

以上がajax はデフォルトで同期ですか、それとも非同期ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。