非同期または同期 AJAX をいつ使用するか
AJAX は Asynchronous JavaScript and XML の略で、Web ページを非同期に更新できるようにするテクノロジです。つまり、ページ上の少量のデータが変更された場合に、ブラウザはページ全体をリロードする必要がありません。 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 サイトの他の関連記事を参照してください。

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック









フロントエンドのサーマルペーパーチケット印刷のためのよくある質問とソリューションフロントエンド開発におけるチケット印刷は、一般的な要件です。しかし、多くの開発者が実装しています...

スキルや業界のニーズに応じて、PythonおよびJavaScript開発者には絶対的な給与はありません。 1. Pythonは、データサイエンスと機械学習でさらに支払われる場合があります。 2。JavaScriptは、フロントエンドとフルスタックの開発に大きな需要があり、その給与もかなりです。 3。影響要因には、経験、地理的位置、会社の規模、特定のスキルが含まれます。

JavaScriptは現代のWeb開発の基礎であり、その主な機能には、イベント駆動型のプログラミング、動的コンテンツ生成、非同期プログラミングが含まれます。 1)イベント駆動型プログラミングにより、Webページはユーザー操作に応じて動的に変更できます。 2)動的コンテンツ生成により、条件に応じてページコンテンツを調整できます。 3)非同期プログラミングにより、ユーザーインターフェイスがブロックされないようにします。 JavaScriptは、Webインタラクション、シングルページアプリケーション、サーバー側の開発で広く使用されており、ユーザーエクスペリエンスとクロスプラットフォーム開発の柔軟性を大幅に改善しています。

同じIDを持つ配列要素をJavaScriptの1つのオブジェクトにマージする方法は?データを処理するとき、私たちはしばしば同じIDを持つ必要性に遭遇します...

この記事の視差スクロールと要素のアニメーション効果の実現に関する議論では、Shiseidoの公式ウェブサイト(https://www.shisido.co.co.jp/sb/wonderland/)と同様の達成方法について説明します。

JavaScriptを学ぶことは難しくありませんが、挑戦的です。 1)変数、データ型、関数などの基本概念を理解します。2)非同期プログラミングをマスターし、イベントループを通じて実装します。 3)DOM操作を使用し、非同期リクエストを処理することを約束します。 4)一般的な間違いを避け、デバッグテクニックを使用します。 5)パフォーマンスを最適化し、ベストプラクティスに従ってください。

Console.log出力の違いの根本原因に関する詳細な議論。この記事では、Console.log関数の出力結果の違いをコードの一部で分析し、その背後にある理由を説明します。 �...

フロントエンドのVSCodeと同様に、パネルドラッグアンドドロップ調整機能の実装を調べます。フロントエンド開発では、VSCODEと同様のVSCODEを実装する方法...
