欢迎您访问我爱IT技术网,今天小编为你分享的javascript教程:【通过AJAX的JS、JQuery两种方式解析XML示例介绍】,下面是详细的讲解!
通过AJAX的JS、JQuery两种方式解析XML示例介绍
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=http://www.jb51.net/article/\""+purl+"\" target=\"_blank\">"+pname+"</a>";
oCell=newRow.insertCell();
oCell.innerHTML="<img style=\"cursor: pointer; vertical-align: middle\" src=http://www.jb51.net/article/\"./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=http://www.jb51.net/article/\"./images/+.png\" onclick=\"return add('p"+pid+"','"+pprice+"')\">"
oCell=newRow.insertCell();
oCell.innerHTML=pprice;
}
}
}
}
}
关于通过AJAX的JS、JQuery两种方式解析XML示例介绍的用户互动如下:
相关问题:js或jquery 根据要求解析XML
答: Ajax function getNewContent() { var request = getHTTPObject(); if (request) { // good.xml是你的xml文件, 采纳即可 request.open("GET", "good.xml", true); request.onreadystatechange = function() { if (request.readyState == 4) { v... >>详细
相关问题:关于jquery.ajax的例子
答:看看这个教程把: http://www.gbin1.com/technology/jquery/20120307ajaxforjquerypart1/ (第一部分到第四部分),比较全的jquery AJAX教程 >>详细
相关问题:如何解析JQUERY 通过AJAX请求来的HTML数据
答:Javascript代码: $.ajax({ url:'/htmltest', type:'get', dataType:'xml', timeout:1000, error:function() { alert("request error!"); }, success:function(da ta) { alert(da ta); $(da ta).find("div").each(function() { var text = $(this... >>详细
- 【firefox】firefox浏览器不支持innerText的解决
- 【Extjs】Extjs学习过程中新手容易碰到的低级错误
- 【clearInterval】js clearInterval()方法的定义
- 【ComboBox】ComboBox 和 DateField 在IE下消失的
- 【ajax】用js来解决ajax读取页面乱码-页面乱码
- 【addEventListener】addEventListener和attachEv
- 【dom】javascript dom追加内容实现示例-追加内容
- 【has】基于jquery的has()方法以及与find()方法以
- 【extjs】Extjs入门之动态加载树代码-动态加载树
- 【AngularJS】AngularJS语法详解-语法
- 评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
-
