【提问】在html中使用jQuery读取某xml文件,失败
jquery吧
全部回复
仅看楼主
level 1
像素总裁 楼主
运行后页面一片空白,xml中的内容没有·读取或没有显示出来,不知问题出在哪?
求赐教~
这是xml文件(data.xml):
<?xml version="1.0" encoding="utf-8"?>
<database>
<data name="0001">
<kind>1</kind>
<sum>1000</sum>
<e>200</e>
</data>
<data name="0002">
<kind>2</kind>
<sum>2000</sum>
<e>400</e>
</data>
</database>
这是html文件(xmlTest.html):
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<script language="JavaScript" src="js/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$.get("xml/data.xml", function(xmlData) {
var htmlData = "<table>";
$(xmlData).find("data").each(function() {
var data = $(this);
var name = data.attr("name");
var kind = data.find("kind").text();
var sum = data.find("sum").text();
var e = data.find("e").text();
htmlData += "<tr>";
htmlData += "<td>" + time + "</td>";
htmlData += "<td>" + kind + "</td>";
htmlData += "<td>" + sum + "</td>";
htmlData += "<td>" + e + "</td>";
htmlData += "</tr>";
});
htmlData += "</table>";
$("#showArea").html(htmlData);
});
/*$.ajax({
url:"xml/data.xml",
dataType:"xml",
error: function(xml){
alert('Error loading XML document'+xml);
},
success:function(xml){
$(xml).find("database > data").each(function(){
alert($(this).find("kind").text());
alert($(this).attr("time"));
});*/
});
</script>
</head>
<body>
<div id="showArea"></div>
</body>
</html>
2016年01月14日 07点01分 1
1