Ajax の概要と JS でのネイティブ Ajax の作成に関するチュートリアル

ajax

1.ajaxとは
ajaxの正式名称はAsynchronous JavaScript and XMLであり、このうちAsynchronousとは非同期の意味で、非同期のJavaScriptとXMLを指します。
AJAX は、高速で動的な Web ページを作成するためのテクノロジーです。 AJAX を使用すると、バックグラウンドでサーバーと少量のデータを交換することで、Web ページを非同期に更新できます。これは、ページ全体を再読み込みしなくても、ページの一部を更新できることを意味します。
従来の Web ページ (AJAX を使用しない) でコンテンツを更新する必要がある場合は、Web ページ全体をリロードする必要があります。
2. ajax に含まれる技術
ajax が新しい技術ではなく、いくつかの独自の技術を組み合わせたものであることは誰もが知っています。以下の技術で構成されています。
1.CSSとXHTMLを使って表現します。
2. インタラクションと動的な表示には DOM モデルを使用します。
3. XMLHttpRequestを使用してサーバーと非同期通信します。
4. JavaScriptを使用してバインドして呼び出します。
4.ajaxの原理
Ajaxの原理は単純に、XmlHttpRequestオブジェクトを通じてサーバーに非同期リクエストを送信し、サーバーからデータを取得し、JavaScriptを使ってDOMを操作してページを更新するというものです。
5. ajaxリクエストの実装
1. XmlHttpRequestオブジェクトを作成します
if (window.XMLHttpRequest) {
// IE7+、Firefox、Chrome、Opera、Safariブラウザ実行コード

// IE6、IE5ブラウザ実行コード
xmlhttp= new ActiveXObject("Microsoft. true);
3. リクエストを送信します

xmlhttp.send();
4. サーバーがコンテンツを返して処理するのを待ちます
xmlhttp.onreadystatechange=function() {
if (xmlhttp .readyState==4 && xmlhttp.status== 200) {
document.getElementById("btn").innerHTML=xmlhttp.responseText;
}
}

以上がAjax の概要と JS でのネイティブ Ajax の作成に関するチュートリアルの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。