JQueryでxmlファイルの読込

メモ:

XML

<?xml version="1.0" encoding="utf-8"?>
<properties>
<news>
	<date>2011.00.00</date>
	<title>高粋楼-ハイカラロウ</title>
	<url>https://www.haikararou.com/</url>
</news>
<news>
	<date>2010.00.00</date>
	<title>ウルトラエル</title>
	<url>http://www.ultra-l.net/index.php</url>
</news>
</properties>

JS

// xmlファイル読み込み
function news_xml(){
    $.ajax({
        url:'./news.xml',
        type:'get',
        dataType:'xml',
        timeout:1000,
        success:parse_xml
    });
}

// xmlデータ解析
function parse_xml(xml,status){
    if(status!='success')return;
    $(xml).find('news').each(write_news);
}

function write_news(){
    var date=$(this).find('date').text();
	var title=$(this).find('title').text();
    var url=$(this).find('url').text();
    $('<dl>'+
    '<dt>'+date+'</dt><dd><a href="'+url+'">'+title+'</a></dd>'+
    '</dl>').appendTo('#news_xml');
}

HTML

<body onload="news_xml()">
<div id="news_xml"></div>
</div>
</body>
</html>