Ajax リクエストにおける async:false/true の役割の分析

この記事では、Ajax リクエストにおける async:false/true の役割を中心に、例の分析に基づいて、Ajax リクエストにおける async:false/true の具体的な機能と使用スキルを説明します。この記事の分析例 Ajax リクエストにおける async:false/true の役割を理解します。参考のために皆さんと共有してください。詳細は次のとおりです:

test.html コード:

<a href="javascript:void(0)" onmouseover="testAsync()">

asy.js コード:

function testAsync(){
  var temp;
  $.ajax({
    async: false,
    type : "GET",
    url : 'tet.php',
    complete: function(msg){
      alert('complete');
    },
    success : function(data) {
      alert('success');
      temp=data;
    }
  });
  alert(temp+'  end');
}

tet.php コード:

<?php
  echo "here is html code";
  sleep(5);
?>

async : false, (デフォルトは true);

上記と同様: false は同期を意味します。この testAsync() メソッドの Ajax リクエストは、tet.php の実行が完了した後にのみ、ブラウザー全体をロックします。実行することができます。

async: true の場合、ajax リクエストは非同期です。しかし、問題があります。testAsync() の ajax リクエストとその後の操作は非同期で実行されるため、tet.php が実行される前に、次のような ajax リクエストに続く操作が実行されている可能性があります。

:

alert (temp+' end');

ただし、一時データはajaxリクエスト成功後に代入されるため、出力時には空になります。

上記は私があなたのためにまとめたものです。

関連記事:

Ajaxで州と市区町村の3段階のカスケードを実現

写真のアップロードとプレビューをAjaxで簡単に実装

Ajaxのフォーム送信とバックグラウンド処理をベースにしたシンプルなアプリケーション

以上がAjax リクエストにおける async:false/true の役割の分析の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。