jQueryを使って、XMLファイルを読み込む方法について。
$.ajaxをつかい、
URLに読み込みたいXMLファイル名を書き、
successに、読み込み成功時に行う処理を書く。
たとえば、
Yahooの産経新聞のRSS
http://headlines.yahoo.co.jp/rss/san_dom.xml を読み込み
成功時には、各itemごとに、
linkタグの内容を、リンク先（AタグのHREF)、
Titleタグの内容を表示
する、JQuaryは、こんなかんじ。
＜html＞ ＜head＞＜title＞xmlテスト＜/title＞ ＜script type="text/javascript" src="jquery-1.4.4.min.js"＞＜/script＞ ＜/head＞ ＜body＞ ＜SCRIPT Language="JavaScript"＞ ＜!-- $(function() { $('#btn').click(function() { $.ajax({ url:"http://headlines.yahoo.co.jp/rss/san_dom.xml", dataType:"xml", success:function(data) { $("item",data).each( function(){ $("#list").html('＜A HREF="' + $("link",this).text()+'"＞' + $("title",this).text()+"＜/A＞＜BR＞") }) } }) }) }) // --＞ ＜/SCRIPT＞ ＜div id="list"＞＜/div＞＜BUTTON id="btn"＞くりっく＜/BUTTON＞ ＜/body＞ ＜/html＞ |
（上記 ＜ ＞ は、本当は半角）
【参考文献】
・jQuery 外部ファイルを読み込む（XML編）
http://www.0ness.net/lovelog/2010/02/jquery-xml.html
・jQuery逆引きリファレンス
http://www.atmarkit.co.jp/fdotnet/jqueryref/index/index.html
