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