透過AJAX的JS、JQuery兩種方式解析XML範例介紹_javascript技巧

JQuery版

複製程式碼 程式碼如下:

$.ajax({ url: "order/order_orderDetail.do?params.type=merge",
type : "post",
data : params,
success : function(xml) {
hide();
if(xml == ""){
Dialog.popTip("找不到需要合併的訂單", 2);
}else{
var myTable=document.getElementById( "t_product" );
//遍歷"ORDER"節點
$(xml).find('ORDER').each(function(){
var id = $(this).find("ORDERID").text ();
var status = $(this).find("STATUS").text();

if(status == "1"){
status="未確認" ;
}else{
status="已確認";
}

var newRow = myTable.insertRow();
var oCell = newRow.insertCell(); oCell.setAttribute("height","25");
oCell.innerHTML=" ";
oCell = newRow.insertCell();
oCell.innerHTML="*訂單" id " 的狀態為：" status ",商品狀況如下";
oCell = newRow.insertCell();
oCell.innerHTML=" ";
oCell = newRow. insertCell();
oCell.innerHTML=" ";
//遍歷"PRODUCT"節點
$(this).find('PRODUCT').each(function(){
var pid = $(this).find("PRODUCTID").text();
var pname = $(this).find("PRODUCTNAME").text();
var purl = $(this). find("PRODUCTURL").text();
var pprice = $(this).find("PRICE").text();
var pcount = $(this).find("GOODSCOUNT") .text();
newRow = myTable.insertRow();
oCell = newRow.insertCell();
oCell.setAttribute("height","25");
oCell.setAttribute("height","25");
oCell.innerHT= pid;
oCell = newRow.insertCell();
oCell.innerHTML="" pname "";
oCell = newRow.insertCell();
oCell.innerHTML=""
oCell = newRow.insertCell();
oCell.innerHTML=pprice;
});
});
}
});
});
}
},
error : function() {
hide();
Dialog.popTip("伺服器繁忙", 2);

}
});

JS版複製程式碼

程式碼如下:

if(xmlHttp.readyState ==4){
if(xmlHttp.status ==200){
hide();
var xml = xmlHttp.responseXML;
if
if (xml == null){
Dialog.popTip("找不到需要合併的訂單", 2);
}else{
var myTable=document.getElementById("t_product" );
var orders = xml.getElementsByTagName("ORDER");
for(var i=0;ivar order = orders[i];
var id = order .getElementsByTagName("ORDERID")[0].childNodes[0].nodeValue;
var status =order.getElementsByTagName("STATUS")[0].childNodes[0].nodeValue;
alert(status)[0].childNodes[0].nodeValue;
alert(status) ;
if(status == "1"){
status="未確認";
}else{
status="已確認";
}
var newRow = myTable.insertRow();
var oCell = newRow.insertCell();
oCell.setAttribute("height","25");
oCell.innerHTML=" ";
oCell = newRow .insertCell();
oCell.innerHTML="*訂單" id " 的狀態為：" status ",商品狀況如下";
oCell = newRow.insertCell ();
oCell.innerHTML=" ";
oCell = newRow.insertCell();
oCell.innerHTML=" ";

var products = order.getElementsPROsPROByCT" );
for(var i=0;ivar product = products[i];
var pid = product.getElementsByTagName("PRODUCTID")[0]. childNodes[0].nodeValue;
var pname = product.getElementsByTagName("PRODUCTNAME")[0].childNodes[0].nodeValue;
var purl = product.getElementsByTagName("PRODUCTURL")[0]. childNodes[0].nodeValue;
var pprice = product.getElementsByTagName("PRICE")[0].childNodes[0].nodeValue;
var pcount = product.getElementsByTagName("GOODSCOUNT")[0]. childNodes[0].nodeValue;
newRow = myTable.insertRow();
oCell = newRow.insertCell();
oCell.setAttribute("height","25");
oCell.setAttribute("height","25");
oCell. innerHTML=pid;
oCell = newRow.insertCell();
oCell.innerHTML="" pname "";
oCell = newRow.insertCell();
oCell.innerHTML=""
oCell = newRow.insertCell();
oCell.innerHTML=pprice;
}
}
}

} }