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

亚连
リリース: 2018-05-24 10:35:32
オリジナル
1698 人が閲覧しました

この記事では、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 : &#39;tet.php&#39;,
    complete: function(msg){
      alert(&#39;complete&#39;);
    },
    success : function(data) {
      alert(&#39;success&#39;);
      temp=data;
    }
  });
  alert(temp+&#39;  end&#39;);
}
ログイン後にコピー

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート