AJAX の JS および JQuery_javascript スキルによる XML サンプルの解析の概要

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(); );
oCell.setAttribute("height","25");
oCell.innerHTML=" ";
oCell.innerHTML="*< b>注文< ;span style="color:red">" id " のステータスは次のとおりです:" status ", product 状況は以下の通りです";
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.setAttribute ("高さ","25 ");
oCell.innerHTML=pid;
oCell.innerHTML="" pname "";
oCell = newRow.insertCell();
oCell.innerHTML=""
oCell = newRow.insertCell(); 🎜>oCell.innerHTML=pprice ;
});
}
}、
エラー: function() {
ダイアログ。 PopTip("サーバーがビジー", 2);


JS バージョン




コードをコピーします>

コードは次のとおりです:

if(xmlHttp.readyState ==4){
if(xmlHttp.status ==200){
hide();
var xml = xmlHttp.responseXML; (xml == null){
Dialog.popTip("マージする必要のある注文が見つかりません", 2);
}else{
var myTable=document.getElementById("t_product" );
var order = xml.getElementsByTagName("ORDER");
for(var i=0;ivar order = order[i]; = order .getElementsByTagName("ORDERID")[0].childNodes[0].nodeValue;
var status =order.getElementsByTagName("STATUS")[0].childNodes[0].nodeValue;ステータス) ;
if(ステータス == "1"){
ステータス="未確認";
ステータス="確認済み";
var newRow = myTable.insertRow();
var oCell = newRow.insertCell();
oCell.innerHTML=" "; .insertCell();
oCell.innerHTML="*Order" ID "" のステータス: " status "、商品のステータスは次のとおりです ";
oCell = newRow.insertCell();
oCell.innerHTML=" ";
oCell = newRow.insertCell();
oCell.innerHTML=" ";

var products = order.getElementsByTagName("PRODUCT");
for(var i=0;ivar product = products[i];製品。getElementsByTagName("PRODUCTID")[0].childNodes[0].nodeValue;
var pname = product.getElementsByTagName("PRODUCTNAME")[0].childNodes[0].nodeValue; product.getElementsByTagName("PRODUCTURL")[0].childNodes[0].nodeValue;
var pprice = product.getElementsByTagName("PRICE")[0].childNodes[0].nodeValue; getElementsByTagName("GOODSCOUNT")[0].childNodes[0].nodeValue;
newRow = newRow.insertCell(); ", "25");
oCell.innerHTML=pid;
oCell = newRow.insertCell();
oCell.innerHTML=" " pname "";
oCell = newRow.insertCell();
oCell.innerHTML="oCell = newRow.insertCell(); .innerHTML =pprice;
}
}
}
}
}