AJAX は、間違いなく 2005 年に最も注目されている Web 開発テクノロジの 1 つです。もちろん、この功績は Google から切り離すことはできません。私は普通の開発者であり、AJAX をあまり使用しませんが、AJAX の使用経験を簡単に共有します。 (この記事は、ユーザーが JavaScript、HTML、CSS などの基本的な Web 開発能力をすでに持っていることを前提としています)
[AJAX の概要]
Ajax は、クライアント側のスクリプトを使用して Web サーバーとデータを交換する Web アプリケーション開発方法です。 Web ページは、対話プロセスを中断したり再編集したりすることなく、動的に更新できます。 Ajax を使用すると、ユーザーはネイティブ デスクトップ アプリケーションに近い、直接的で可用性が高く、よりリッチで動的な Web ユーザー インターフェイスを作成できます。
Asynchronous JavaScript and XML (AJAX) は新しいテクノロジではありませんが、Cascading Style Sheets (CSS)、JavaScript、XHTML、XML、Extensible Style Language Transformations (XSLT) などのいくつかの既存のテクノロジを使用して、次のような外観とアクションの Web アプリケーション ソフトウェアを開発します。デスクトップソフトウェア。
[AJAX の実行原理]
Ajax インタラクションは、XMLHttpRequest と呼ばれる JavaScript オブジェクトから始まります。名前が示すように、クライアント側スクリプトが HTTP リクエストを実行できるようにし、XML 形式のサーバー応答を解析します。 Ajax 処理の最初のステップは、XMLHttpRequest インスタンスを作成することです。 HTTP メソッド (GET または POST) を使用してリクエストを処理し、ターゲット URL を XMLHttpRequest オブジェクトに設定します。
HTTP リクエストを送信するときは、ブラウザがハングしてサーバーからの応答を待つのではなく、ページを介してユーザーのインターフェイス操作に応答し続け、実際にサーバー応答が到着したら処理する必要があります。これを実現するには、XMLHttpRequest にコールバック関数を登録し、XMLHttpRequest リクエストを非同期にディスパッチします。制御はすぐにブラウザに返され、サーバーの応答が到着するとコールバック関数が呼び出されます。
[AJAX の実践]
1. Ajax の初期化
Ajax は実際に XMLHttpRequest オブジェクトを呼び出すので、最初にこのオブジェクトを呼び出す必要があります。/**
Ajax を初期化する関数を構築します。
* xmlhttp オブジェクトを初期化する
*/
functionInitAjax()
{
var ajax=false;
試す {
ajax = new ActiveXObject("Msxml2.XMLHTTP");
} キャッチ (e) {
試す {
ajax = new ActiveXObject("Microsoft.XMLHTTP");
} キャッチ (E) {
ajax = false;
}
}
if (!ajax