JavaScript - Ajax(XMLHttpRequestオブジェクトの生成、XMLデータ)

開発環境

• OS X Lion - Apple(OS)
• Safari (Webプラウザ)
• TextWrangler(Text Editor) (BBEditの無料、light版)
• Script言語:JavaScript
• JavaScript Library: jQuery

独習JavaScript 高橋 和也 (著), 竹添 直樹 (著), 里見 知宏 (著) の第10章(Ajax)の10.1(Ajaxの基礎知識)10.2(XMLHttpRequest)練習問題1、2を解いてみる。

その他参考書籍

• JavaScript 第5版 David Flanagan (著), 村上 列 (翻訳)
• JavaScriptクイックリファレンス David Flanagan (著), 木下 哲也 (翻訳), 福龍興業 (翻訳)

1.

非同期通信する際、Webブラウザ間でXMLHttpRequestオブジェクトの生成方法が異なる。

2.

コード(TextWrangler)

var request =  new XMLHttpRequest();
request.onreadystatechange = function(){
  if(request.readyState == 4 && request.status == 200){
    var names = request.responseXML.getElementsByTagName('name');
    var text = names[0].firstChild.nodeValue;
    $('#pre0').html(text);
  }
}
var url = 'https://sites.google.com/site/sitekamimura/dokusyujavascript/sample.xml';
request.open('GET', url ,true);
request.send(null);