通过AJAX的JS、JQuery两种方式解析XML示例介绍
通过AJAX的JS、JQuery两种方式解析XML示例介绍
发布时间:2016-12-30 来源:查字典编辑
摘要:JQuery版复制代码代码如下:$.ajax({url:"order/order_orderDetail.do?params.type=me...

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="*<b>订单<span>"+id+"</span> 的状态为:<span>"+status+"</span></b>,商品情况如下<input type="checkbox" name="mOrder" value="+id+" onclick="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=""+purl+"" target="_blank">"+pname+"</a>";

oCell = newRow.insertCell();

oCell.innerHTML="<img src="./images/-.png" onclick="return plus('p"+pid+"','"+pprice+"')" /><input type="text" id="p"+pid+"" name="order.count" value="+pcount+" readonly /><img src="./images/+.png" onclick="return add('p"+pid+"','"+pprice+"')">"

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(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>"+id+"</span> 的状态为:<span>"+status+"</span></b>,商品情况如下<input type="checkbox" name="mOrder" value="+id+" onclick="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=""+purl+"" target="_blank">"+pname+"</a>";

oCell = newRow.insertCell();

oCell.innerHTML="<img src="./images/-.png" onclick="return plus('p"+pid+"','"+pprice+"')" /><input type="text" id="p"+pid+"" name="order.count" value="+pcount+" readonly /><img src="./images/+.png" onclick="return add('p"+pid+"','"+pprice+"')">"

oCell = newRow.insertCell();

oCell.innerHTML=pprice;

}

}

}

}

}

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类