html读取xml文件


var ajax = false;
window.onload = function(){
if(window.XMLHttpRequest){
ajax = new XMLHttpRequest();
}
else if(window.ActiveXobject){
try {
ajax = new ActiveXobject("microsoft.XMLHTTP");
}
catch(el){
try{
ajax = new ActiveXobject("Microsoft.XMLHTTP");
}
catch(e2){}
}
}

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 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 =

'' +
head +
"

mileage: " + mileage +
"
fuel type: " + fueltype +
"
seats: " +seats +
"
price per day: " + priceperday +
"
availability: " + availability +
"

description: " + description +
'
';
document.getElementById("carinfo").appendChild(newdiv);

}
}
};

ajax.send(null);

}