通过AJAX的JS、JQuery两种方式解析XML示例介绍
2013-09-23 00:00
1031 查看
JQuery版
JS版
$.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=\"color:red\">"+id+"</span> 的状态为:<span style=\"color:red\">"+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 style=\"cursor: pointer; vertical-align: middle\" src=\"./images/-.png\" onclick=\"return plus('p"+pid+"','"+pprice+"')\" /><input style=\"width: 20px; border: 0; text-align: center;\" type=\"text\" id=\"p"+pid+"\" name=\"order.count\" class=\"txt\" value="+pcount+" readonly /><img style=\"cursor: pointer; vertical-align: middle\" 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 style=\"color:red\">"+id+"</span> 的状态为:<span style=\"color:red\">"+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 style=\"cursor: pointer; vertical-align: middle\" src=\"./images/-.png\" onclick=\"return plus('p"+pid+"','"+pprice+"')\" /><input style=\"width: 20px; border: 0; text-align: center;\" type=\"text\" id=\"p"+pid+"\" name=\"order.count\" class=\"txt\" value="+pcount+" readonly /><img style=\"cursor: pointer; vertical-align: middle\" src=\"./images/+.png\" onclick=\"return add('p"+pid+"','"+pprice+"')\">" oCell = newRow.insertCell(); oCell.innerHTML=pprice; } } } } }
相关文章推荐
- 通过AJAX的JS、JQuery两种方式解析XML示例介绍
- 通过AJAX的JS、JQuery两种方式解析XML
- Ajax解析html、xml、json、js原生方式、jquery方式
- JQuery解析xml的两种方式$.get和$.ajax
- JQuery解析xml的两种方式$.get和$.ajax
- jquery通过ajax方式获取json数据和解析
- 介绍两种常用的XML解析方式(NSXMLParser & GDataXMLNode)
- jquery通过ajax方式获取json数据和解析
- 原生JS实现Ajax通过POST方式与PHP进行交互的方法示例
- jquery通过ajax方式获取json数据和解析
- 通过XMLHttpRequest和jQuery实现ajax的几种方式
- 通过XMLHttpRequest和jQuery实现ajax的几种方式
- 通过XMLHttpRequest和jQuery实现ajax的几种方式
- AJAX 原生js以及Jquery解析html,xml,txt,json格式文本
- jquery JSON的解析方式示例介绍
- 史上最全的CSS hack方式一览 jQuery 图片轮播的代码分离 JQuery中的动画 C#中Trim()、TrimStart()、TrimEnd()的用法 marquee 标签的使用详情 js鼠标事件 js添加遮罩层 页面上通过地址栏传值时出现乱码的两种解决方法 ref和out的区别在c#中 总结
- 原生JS实现Ajax通过GET方式与PHP进行交互操作示例
- Js和Jquery中ajax返回JSON格式的两种方法!(各有示例代码)
- js 无参数、有参数的webservice通信方法 XMLHttpRequest和 $.ajax方式汇总及返回值为json问题
- C#中利用jQuery获取Json值示例,Ajax方式。