Ajaxのデモソースコード

jquery_ajax.js

// jQueryを使ったパターン
$.ajax({
   url     : './sample_rss.xml',
   dataType: 'xml',
   success : function(data) {
      $('dl').html('');
      $('item', data).each(function() {
         $('dl').append('<dt><a href="'
            + $('link', this).text()
            + '">'
            + $('title', this).text()
            + '</a></dt><dd>'
            + $('discription', this).text()
            + '</dd>'
         );
      });
   }
});

sample_rss.xml

<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
   <channel>
      <title>hogehoge</title>
      <link>http://hogehoge.main.jp</link>
      <pubData>Fri, 21 Aug 2009 07:59:00 +0900</pubData>
      <item>
         <title>サブタイトル1</title>
         <pubData>Fri, 21 Aug 2009 07:59:00 +0900</pubData>
         <link>http://hogehoge.sub1.jp</link>
         <description>サブテキスト１</description>
      </item>
      <item>
         <title>サブタイトル２</title>
         <pubData>Fri, 21 Aug 2009 07:59:00 +0900</pubData>
         <link>http://hogehoge.sub2.jp</link>
         <description>サブテキスト２</description>
      </item>
      <item>
         <title>サブタイトル３</title>
         <pubData>Fri, 21 Aug 2009 07:59:00 +0900</pubData>
         <link>http://hogehoge.sub3.jp</link>
         <description>サブテキスト３</description>
      </item>
   </channel>
</rss>

XHR_demo.js

// 素のJavaScriptパターン
function ajax() {
   var xmlHttp = new XMLHttpRequest();
   xmlHttp.onreadystatechange = function() {
      if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
         comsole.log(xmlHttp.responseText);
      }
   };
   xmlHttp.open("GET", "URL", true);
   xmlHttp.send(null);
}