http://www.kawa.net/works/js/jkl/parsexml.html
そして読み込むXMLを作成、ファイル名をuser.xmlにします。
<?xml version="1.0" standalone="yes"?>
<Users>
<User>
<Id>1</Id>
<Name>田中</Name>
</User>
<User>
<Id>2</Id>
<Name>佐藤</Name>
</User>
</Users>
HTMLはこちら
<html>
<head>
<title>XMLファイルの読み込み</title>
<script type="text/javascript" src="jkl-parsexml.js"></script>
<script type="text/javascript">
<!--
function requestFile(url){
var xml = new JKL.ParseXML( url );
var data = xml.parse();
var strHtml = "<table border=1>";
for (var u in data.Users.User){
strHtml += "<tr>";
strHtml += "<td>" + data.Users.User[u].Id + "</td><td>" + data.Users.User[u].Name + "</td>";
strHtml += "</tr>";
}
strHtml += "</table>";
document.getElementById("resultDiv").innerHTML = strHtml;
}
// -->
</script>
</head>
<body>
<input id="Button" type="button" value="実行" onclick="javascript:requestFile('./user.xml')">
<div id="resultDiv">
</div>
</body>
</html>
結果はこんな感じ| 1 | 田中 |
| 2 | 佐藤 |
0 件のコメント:
コメントを投稿