AJAX 一

AJAX =非同期JavaScriptとXML。

舞台裏のサーバと少量のデータを交換することにより、AJAXは、非同期ページの更新を行うことができます。これは、ページの特定の部分のために、ページ全体をリロードせずに更新される、ということを意味します。

従来のWebページ（AJAXを使用していない）あなたが過負荷に不可欠なページ全体の表面の内容を、更新する必要がある場合。

どのようにAJAXの仕事

ブラウザ（イベントが発生した - XMLHttRequestオブジェクトの作成 - のHttpRequestを送信） - > Internet->サーバー

（処理HttpRequest-ブラウザにレスポンスを作成する） - >ブラウザ（JSが返されたデータ処理を使用して、更新）

XMLHttpRequestオブジェクト（サーバと非同期対話データ）
のJavaScript / DOM（表示/検索情報）
CSS（スタイル設定データ）
（データ送信のために使用されるフォーマット）XML

XMLHttpRequestがAJAXの基礎です。

MLHttpRequestオブジェクト。すべての近代的なブラウザは、XMLHttpRequestオブジェクト（IE5やIE6 ActiveXObjectのを使用）をサポートしています。

<スクリプト>
         のvar XHR。
        もし（window.XMLHttpRequest）{ 
        
        XHR = 新規のXMLHttpRequest（）; 
}     他{ 
             XHR = 新しい ActiveXObjectを（" Microsoft.XMLHTTP」）; 
}
 </ SCRIPT>

リクエストを送信

XMLHttpRequest.onreadystatechange：EventHandlerのreadyStateのプロパティの変更を呼び出します。

XMLHttpRequest.responseText：リクエストがまだ正常に送信されていないか、nullが返された場合は、要求に対する応答を備えたDOMString、のDOMStringを返します。

XMLHttpRequest.setRequestHeader（）：HTTPリクエストヘッダを設定します。あなたは（）後に、送信（）呼び出しsetRequestHeader（）の前に、このメソッドを開く必要があります。

xmlhttp.onreadystatechange = 関数（）{
        場合（xmlhttp.readyStateの== 4 && xmlhttp.statusの== 200 ）{ 
       にconsole.log（XMLHTTP）。
       document.getElementById（" myDiv "）.innerHTML =      xmlhttp.responseText。    
  } 
} 
xmlhttp.open（" GET "、" 2_2.php "、真）。
xmlhttp.send（）;

サーバーの応答

結果は、オブジェクトのXMLHttpRequestに応じて使用することができる
responseTextを
のresponseXML

おすすめ