1. Ajax の概要

Ajax の正式名稱は Asynchronous JavaScript and XML で、中國語では「非同期 JavaScript と XML」と定義され、Web2.0 テクノロジーの核心であり、さまざまな技術(shù)で構(gòu)成されています。テクノロジー。 Ajax テクノロジーを使用すると、ページ全體を更新する必要はなく、ページの一部を更新するだけで済みます。これにより、ネットワーク帯域幅が節(jié)約され、Web ページの読み込み速度が向上するため、ユーザーの待ち?xí)r間が短縮され、ユーザー エクスペリエンスが向上します。 Ajax 技術(shù)には主に、クライアント側(cè)スクリプト言語 JavaScript、非同期データ取得技術(shù) XMLHttpRequest、データ交換および操作技術(shù) XML および XSLT、動的表示および対話技術(shù) DOM、標準ベースのプレゼンテーション技術(shù) XHTML および CSS などが含まれます。 Ajax は Web ブラウザーの可能性を大いに探究し、多くの可能性を広げ、ユーザー エクスペリエンスを効果的に向上させてきました。

従來の Web アプリケーションでは、ユーザーがフォームに入力することができ、フォームが送信されるとリクエストが Web サーバーに送信されます。サーバーは受信フォームを受信して??処理し、新しい Web ページを返します。このアプローチでは、2 つのページの HTML コードのほとんどが同じであることが多いため、多くの帯域幅が無駄になります。アプリケーションの各対話ではサーバーにリクエストを送信する必要があるため、アプリケーションの応答時間はサーバーの応答時間に依存します。その結(jié)果、ユーザー インターフェイスの応答性はネイティブ アプリよりもはるかに低くなります。

これとは異なり、AJAX アプリケーションは、SOAP またはその他の XML ベースの Web サービス インターフェイスを使用して、必要なデータのみをサーバーに送信および取得することができ、クライアント上で JavaScript を使用してサーバーからの応答を処理します。サーバーとブラウザーの間で交換されるデータが少なくなるため、結(jié)果としてアプリケーションの応答性が向上します。同時に、リクエストを発行したクライアント マシン上で多くの処理作業(yè)を完了できるため、Web サーバーの処理時間も短縮されます。

2. Ajax の仕組み

Ajax の中核は JavaScript オブジェクト XmlHttpRequest です。このオブジェクトは Internet Explorer 5 で初めて導(dǎo)入され、非同期要求をサポートするテクノロジです。つまり、XmlHttpRequest を使用すると、JavaScript を使用してサーバーにリクエストを送信し、ユーザーをブロックせずに応答を処理できるようになります。

AJAX はインターネット標準に基づいています

AJAX はインターネット標準に基づいており、次のテクノロジーの組み合わせを使用します:

· CSS (スタイル データ)

· XML (データ送信に一般的に使用される形式)

AJAXアプリケーションはブラウザーやプラットフォームに依存しません。

クライアント側(cè)で畫面更新を?qū)g行すると、ユーザーは Web サイトを作成する際に大きな柔軟性が得られます。 Ajax を使用してできることは次のとおりです:

ユーザーが「更新」をクリックしてサーバーがページ全體を再送信するのを待つことなく、ショッピングカート內(nèi)のアイテムの総數(shù)を動的に更新します。

サーバーからダウンロードされるデータ量を削減することで、サイトのパフォーマンスを向上させます。たとえば、淘寶網(wǎng)のショッピング カート ページでは、バスケット內(nèi)の商品の數(shù)量が更新されるとページ全體がリロードされ、32K のデータをダウンロードする必要があります。 Ajax を使用して新しい合計を計算する場合、サーバーは新しい合計値を返すだけなので、必要な帯域幅は元の帯域幅の 1% だけです。

ユーザーが入力するたびにページを更新する必要がなくなります。たとえば、Ajax では、ユーザーがページ分割されたリストで [次へ] をクリックすると、サーバー データはページ全體ではなくリストのみを更新します。

データを編集するためにユーザーが新しいページに移動するのではなく、テーブル データを直接編集します。 Ajax を使用すると、ユーザーが「編集」をクリックすると、靜的テーブルを編集可能なコンテンツを含むテーブルに更新できます。ユーザーが「完了」をクリックすると、Ajax リクエストを発行してサーバーを更新し、テーブルを更新して靜的な読み取り専用データを含めることができます。