ホームページ >ウェブフロントエンド >フロントエンドQ&A >ajax はデフォルトで同期ですか、それとも非同期ですか?

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

青灯夜游
青灯夜游オリジナル
2022-01-17 16:14:485334ブラウズ

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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。