AJAX を使用すると、XML ファイルと対話的に通信できます。
AJAX XML の例
次の例は、Web ページが AJAX を使用して XML ファイルから情報を読み取る方法を示しています。
例
分析例 - loadXMLDoc() 関数
ユーザーが上の「Get My Collection CD」ボタンをクリックすると、loadXMLDoc() 関数が実行されます。
loadXMLDoc() 関数は、XMLHttpRequest オブジェクトを作成し、サーバー応答の準備ができたときに実行する関数を追加し、サーバーに要求を送信します。
サーバーの応答の準備ができたら、HTML テーブルが構築され、XML ファイルからノード (要素) が抽出され、最後に id="demo" を持つテーブル要素に XML データが設定されます。
XMLドキュメントを非同期でロードする
関数ロードXMLDoc ( ) { 変数xhttp =新しいXMLHttpRequest ( ) ; onreadystatechange =関数( ) { もし( this .readyState == 4 && this .status == 200 ) { myFunction ( this ) ; ; xhttp .open ( " GET " , " cd_catalog.xml " , true ) ;関数myFunction ( xml ) { 変数私;ヴァールxmlDoc = xml ; table = " <tr>
<th>アーティスト</th><th>タイトル</th></tr> " ; x = xmlDoc . getElementsByTagName ( " CD " ) ; ( i = 0 ; i < x .長さ; i ++ ) { table + = " <tr> <td> " + x [ i ] . getElementsByTagName ( " ARTIST " ) [ 0 ] . childNodes + " </td> <td> " + x [ i ] . ( " TITLE " ) [ 0 ] .nodeValue + " </td> </tr> " ; } ドキュメント.getElementById ( "デモ" ) ;AJAXサーバーページ
上記の例で使用されているサーバー ページは、実際には「cd_catalog.xml」という名前の XML ファイルです。
