jQueryでxmlを操作してみる:サンプル

実行された結果

  1. JavaScriotを有効にしてください。

↑JavaScriotがOFFの場合、ここに
「JavaScriotを有効にしてください。」と表示がでるようになっています。

スクリプトソース

$(function(){
	$.ajax({
    url: '○○.xml',
    type: 'GET',
    dataType: 'xml',
    timeout: 1000,
    error: function(){
        alert("xmlファイルの読み込みに失敗しました");
    },
    success: function(xml){
        $(xml).find("row").each(function(){
            var item_text = $(this).text();

            $("<li></li>")
                .html(item_text)
                .appendTo('ol');
        });
        $("li.demo").html("");
    }
    });
});

HTMLソース

<ol>
<li class="demo">JavaScriotを有効にしてください。</li>
</ol>

XMLソース

<?xml version="1.0" encoding="UTF-8" ?>
<list_database>
<row recordid="1">
	<day>2008.05.05</day>
	<content>テキスト1</content>
</row>
<row recordid="2">
	<day>2008.05.06</day>
	<content>テキスト2</content>
</row>
<row recordid="3">
	<day>2008.05.07</day>
	<content>テキスト3</content>
</row>
<row recordid="4">
	<day>2008.05.08</day>
	<content>テキスト4</content>
</row>
<row recordid="5">
	<day>2008.05.09</day>
	<content>テキスト5</content>
</row>
<row recordid="6">
	<day>2008.05.10</day>
	<content>テキスト6</content>
</row>
<row recordid="7">
	<day>2008.05.11</day>
	<content>テキスト7</content>
</row>
</list_database>