html读取xml文件

最新推荐文章于 2025-07-19 13:55:32 发布

转载最新推荐文章于 2025-07-19 13:55:32 发布 · 270 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/F4natasy/p/10953444.html

这段代码主要使用AJAX技术从carr.xml文件中获取汽车信息。通过创建XMLHttpRequest对象或ActiveX对象，发送GET请求。当请求成功时，解析XML数据，提取汽车的各项信息，如品牌、型号、里程等，并将其展示在页面上，还提供添加到购物车的按钮。

ajax.open("GET","carr.xml",true);

ajax.onreadystatechange = function(){
if(ajax.status==200 && ajax.readyState==4){
var allCars = ajax.responseXML.getElementsByTagName("car");
for (var i = 0; i<allCars.length;i++) {
var model = allCars[i].getElementsByTagName("Model")[0].firstChild.wholeText;
var mileage = allCars[i].getElementsByTagName("Mileage")[0].firstChild.wholeText;
var fueltype = allCars[i].getElementsByTagName("FuelType")[0].firstChild.wholeText;
var seats = allCars[i].getElementsByTagName("Seats")[0].firstChild.wholeText;
var modelyear = allCars[i].getElementsByTagName("ModelYear")[0].firstChild.wholeText;
var priceperday = allCars[i].getElementsByTagName("PricePerDay")[0].firstChild.wholeText;
var description = allCars[i].getElementsByTagName("Description")[0].firstChild.wholeText;
var brand = allCars[i].getElementsByTagName("Brand")[0].firstChild.wholeText;
var availability = allCars[i].getElementsByTagName("Availability")[0].firstChild.wholeText;
var category = allCars[i].getElementsByTagName("category")[0].firstChild.wholeText;

var head = brand + "-" + model + "-" + modelyear;

var newdiv = document.createElement("div");
newdiv.innerHTML =

'<img src="pic/' +
model +
'.jpg"/>' +
head +
" mileage: " + mileage +
" fuel type: " + fueltype +
" seats: " +seats +
" price per day: " + priceperday +
" availability: " + availability +
" description: " + description +
' <button onclick="addcart(\'' +model+ "\',\'"+ availability+ '\')">Add to cart</button>';
document.getElementById("carinfo").appendChild(newdiv);

}
}
};

ajax.send(null);

}

转载于:https://www.cnblogs.com/F4natasy/p/10953444.html