非同期または同期 AJAX をいつ使用するか

藏色散人
リリース: 2019-01-22 14:39:54
オリジナル
3458 人が閲覧しました

AJAX は Asynchronous JavaScript and XML の略で、Web ページを非同期に更新できるようにするテクノロジです。つまり、ページ上の少量のデータが変更された場合に、ブラウザはページ全体をリロードする必要がありません。 AJAX は更新された情報のみをサーバーに配信します。

非同期または同期 AJAX をいつ使用するか

標準 Web アプリケーションは、Web 訪問者とサーバー間の対話を同期的に処理します。これは、サーバーがマルチタスクではないことを意味します。ボタンをクリックすると、サーバーにメッセージが送信され、応答が返されます。応答が受信されてページが更新されるまで、他のページ要素と対話することはできません。

明らかに、この遅延は Web 訪問者のエクスペリエンスに悪影響を及ぼします。したがって、AJAX の使用が必要になります。

AJAX とは何ですか?

AJAX はプログラミング言語ではなく、Web サーバーとの通信を統合するクライアント側のスクリプトです (つまり、ユーザーのブラウザー テクノロジ内で)。スクリプトを実行中)。さらに、その名前はやや誤解を招きやすいものです。AJAX アプリケーションは XML を使用してデータを送信することもありますが、単にプレーン テキストまたは JSON テキストを使用することもできます。ただし、通常は、ブラウザーで XMLHttpRequest オブジェクトを使用し (サーバーからデータを要求するため)、JavaScript を使用してデータを表示します。

AJAX: 同期または非同期

AJAX は、実際には同期と非同期の両方でサーバーにアクセスできます。

同期では、スクリプトが停止して待機します。続行する前にサーバーに応答を送信してください。

Asyncここでは、スクリプトはページの処理を続行し、ページが到着したときに応答を処理できます。

リクエストの同期処理はページのリロードに似ていますが、ページ全体ではなく、リクエストされた情報のみをダウンロードします。したがって、AJAX を同期的に使用すると、AJAX をまったく使用しないよりも高速になりますが、訪問者はページとさらに対話する前にダウンロードを待つ必要があります。通常、ユーザーはページが読み込まれるまで待機する必要があることは知っていますが、サイトで継続的に顕著な遅延が発生することに慣れていません。

リクエストを非同期的に処理すると、訪問者は Web ページとの対話を続けることができ、リクエストされた情報がバックグラウンドで処理され、応答が到着するとページが更新されるため、サーバーからの取得の遅延が回避されます。さらに、たとえ応答が遅れたとしても (たとえば、非常に大きなデータの場合)、ページ上の他の場所で時間が取られているため、ユーザーはそれに気付かない可能性があります。ただし、ほとんどの応答では、訪問者はサーバーに対してリクエストが行われたことにさえ気づきません。

したがって、AJAX を使用する推奨される方法は、可能な限り非同期呼び出しを使用することです。これは AJAX のデフォルト設定です。

#なぜ同期 AJAX を使用するのですか?

非同期呼び出しによってユーザー エクスペリエンスが向上するのであれば、なぜ AJAX に同期呼び出しを行う方法が用意されるのでしょうか?

ほとんどの場合、非同期呼び出しが最適なオプションですが、特定のサーバー側のプロセスが完了するまで、訪問者が Web ページとの対話を継続できるようにすることが意味がない場合がまれにあります。

多くの場合、Ajax をまったく使用せず、ページ全体をリロードする方が良いでしょう。 AJAX の同期オプションは、ページ全体をリロードせずに非同期呼び出しを使用できないいくつかのケースに役立ちます。たとえば、注文が重要なトランザクションを処理する必要がある場合があります。ユーザーが何かをクリックした後に Web ページが確認ページを返す必要がある状況を考えてみましょう。これには同期リクエストが必要です。

以上が非同期または同期 AJAX をいつ使用するかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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