通过AJAX的JS、JQuery两种方式解析XML示例介绍

复制代码 代码如下:

$.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="*<b>订单<span style=https://www.jb51.net/article/\"color:red\">"+id+"</span> 的状态为：<span style=https://www.jb51.net/article/\"color:red\">"+status+"</span></b>,商品情况如下<input type=https://www.jb51.net/article/\"checkbox\" name=https://www.jb51.net/article/\"mOrder\" value="+id+" onclick=https://www.jb51.net/article/\"mergeOrder();\">";
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.innerHTML=pid;
oCell = newRow.insertCell();
oCell.innerHTML="<a href=https://www.jb51.net/article/\""+purl+"https://www.jb51.net/article/\" target=https://www.jb51.net/article/\"_blank\">"+pname+"</a>";
oCell = newRow.insertCell();
oCell.innerHTML="<img style=https://www.jb51.net/article/\"cursor: pointer; vertical-align: middle\" src=https://www.jb51.net/article/\"./images/-.png\" onclick=https://www.jb51.net/article/\"return plus('p"+pid+"','"+pprice+"')\" /><input style=https://www.jb51.net/article/\"width: 20px; border: 0; text-align: center;\" type=https://www.jb51.net/article/\"text\" id=https://www.jb51.net/article/\"p"+pid+"https://www.jb51.net/article/\" name=https://www.jb51.net/article/\"order.count\" class=https://www.jb51.net/article/\"txt\" value="+pcount+" readonly /><img style=https://www.jb51.net/article/\"cursor: pointer; vertical-align: middle\" src=https://www.jb51.net/article/\"./images/+.png\" onclick=https://www.jb51.net/article/\"return add('p"+pid+"','"+pprice+"')\">"
oCell = newRow.insertCell();
oCell.innerHTML=pprice;
});
});
}
},
error : function() {
hide();
Dialog.popTip("服务器繁忙", 2);
}
});

复制代码 代码如下:

if(xmlHttp.readyState ==4){
if(xmlHttp.status ==200){
hide();
var xml = xmlHttp.responseXML;
if(xml == null){
Dialog.popTip("找不到需要合并的订单", 2);
}else{
var myTable=document.getElementById("t_product" );
var orders = xml.getElementsByTagName("ORDER");
for(var i=0;i<orders.length;i++){
var order = orders[i];
var id = order.getElementsByTagName("ORDERID")[0].childNodes[0].nodeValue;
var status =order.getElementsByTagName("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="*<b>订单<span style=https://www.jb51.net/article/\"color:red\">"+id+"</span> 的状态为：<span style=https://www.jb51.net/article/\"color:red\">"+status+"</span></b>,商品情况如下<input type=https://www.jb51.net/article/\"checkbox\" name=https://www.jb51.net/article/\"mOrder\" value="+id+" onclick=https://www.jb51.net/article/\"mergeOrder();\">";
oCell = newRow.insertCell();
oCell.innerHTML=" ";
oCell = newRow.insertCell();
oCell.innerHTML=" ";

var products = order.getElementsByTagName("PRODUCT");
for(var i=0;i<orders.length;i++){
var 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.innerHTML=pid;
oCell = newRow.insertCell();
oCell.innerHTML="<a href=https://www.jb51.net/article/\""+purl+"https://www.jb51.net/article/\" target=https://www.jb51.net/article/\"_blank\">"+pname+"</a>";
oCell = newRow.insertCell();
oCell.innerHTML="<img style=https://www.jb51.net/article/\"cursor: pointer; vertical-align: middle\" src=https://www.jb51.net/article/\"./images/-.png\" onclick=https://www.jb51.net/article/\"return plus('p"+pid+"','"+pprice+"')\" /><input style=https://www.jb51.net/article/\"width: 20px; border: 0; text-align: center;\" type=https://www.jb51.net/article/\"text\" id=https://www.jb51.net/article/\"p"+pid+"https://www.jb51.net/article/\" name=https://www.jb51.net/article/\"order.count\" class=https://www.jb51.net/article/\"txt\" value="+pcount+" readonly /><img style=https://www.jb51.net/article/\"cursor: pointer; vertical-align: middle\" src=https://www.jb51.net/article/\"./images/+.png\" onclick=https://www.jb51.net/article/\"return add('p"+pid+"','"+pprice+"')\">"
oCell = newRow.insertCell();
oCell.innerHTML=pprice;
}
}
}
}
}

您可能感兴趣的文章: