function createXMLHttp() {
if (typeof XMLHttpRequest != "undefined") {
return new XMLHttpRequest();
} else if (window.ActiveXObject) {
var aVersions = ["MSXML2.XMLHttp.5.0",
"MSXML2.XMLHttp.4.0", "MSXML2.XMLHttp.3.0",
"MSXML2.XMLHttp", "Microsoft.XMLHttp"
];
for (var i = 0; i < aVersions.length; i++) {
try {
var oXmlHttp = new ActiveXObject(aVersions[i]);
return oXmlHttp;
} catch (oError) {
//Do nothing
}
}
}
throw new Error("XMLHttp object could be created.");
}
function requestCustomerInfo() {
var oXHR = createXMLHttp(); //我们把前面做的那个函数拿过来用。
oXHR.open("get", "Default.aspx?id=c02", true);
oXHR.onreadystatechange = function () {
if (oXHR.readyState == 4) {
if (oXHR.status == 200 || oXHR.status == 304) {
displayCustomerInfo(oXHR.responseText); //回调函数
}
else {
displayCustomerInfo("有错误发生: " + oXHR.statusText); //statusText is not always accurate
}
}
};
oXHR.send(null);
}
//我们在回调函数中来画页面
function displayCustomerInfo(sText) {
//[{"Name":"LiLi","Age":20},{"Name":"WeiWei","Age":19}]
var students = sText.parseJSON();
var students = eval("(" + sText + ")");
//var ree = /^null/;
//goodsBrand.test
var stusFram = document.createDocumentFragment();
var Goodss = document.createDocumentFragment();
students.forEach(function (student, index, stus) {
var div = document.createElement("div");
//var div1 = document.createElement("div");
//var div2 = document.createElement("div");
div.innerHTML = "<div id=" + student.categoryID + ">" + student.categoryName + "</div>";
var div1 = document.createElement("div");
// div1.innerHTML = "<img src=" + student.Imgpath + " />";
//div2.innerHTML = "<img src=" + student.Imgpath + ">";
//div2.innerHTML = "<span>" + student.GoodsName + "</span>";
//div1.appendChild(div2);
stusFram.appendChild(div);
// Goodss.appendChild(div1);
//stusFram.appendChild(div1);
});
// document.getElementById("Goods_a").appendChild(Goodss);
document.getElementById("getBrand").appendChild(stusFram);
}
//]]>