我目前正在做一个项目,这个想法是一个 AJAX 在线商店。例如,我创建了一个包含两个产品的 XML 文件,并尝试使用 Javascript 在侧面菜单中显示品牌。这是我的 XML:
<root>
<car>
<make>BMW</make>
<model>1 series</model>
<color>white</color>
<image>images/0001.jpg</image>
</car>
<car>
<make>Mercedes-Benz</make>
<model>C63</model>
<color>white</color>
<image>images/0002.jpg</image>
</car>
</root>
这是javascript:
$(document).ready(function(){
var myXML, myNodes;
var display = [];
myXML = document.all("carsXML").XMLDocument;
myNodes = myXML.getElementsByTagName("car");
for(var i=0;i<myNodes.length;i++) {
display[i] = myNodes.item(i).firstChild.nodeValue;
$('ul').append('<li>'+display[i]+'</li>') }});
这是html:
<html>
<head>
<title>Car World</title>
<xml id="carsXML" src="xml/cars.xml"></xml>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
<div id="head">
<h1>Car World</h1>
</div>
<div id="left">
<ul>
</ul>
</div>
<div id="right"></div>
</body>
</html>
这个想法是在同一个 ul 中为每个汽车制造创建一个 li,但是什么都没有显示。ul 保持为空。