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()
var oCell = newRow.insertCell( );
oCell.setAttribute("height","25");
oCell.innerHTML=" ";
oCell = newRow.insertCell()
oCell.innerHTML="*< b>Order< ;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 = newRow.insertCell()
oCell.setAttribute ("height","25 ");
oCell.innerHTML=pid;
oCell = newRow.insertCell()
oCell.innerHTML="" pname "";
oCell = newRow.insertCell();
oCell.innerHTML=""
oCell = newRow.insertCell()
oCell.innerHTML=pprice ;
});
});
}
},
error: function() {
hide(); 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 주문 = xml.getElementsByTagName("ORDER");
for(var i=0;ivar order = 주문[i]
var id = 주문 .getElementsByTagName("ORDERID")[0].childNodes[0].nodeValue;
var status =order.getElementsByTagName("STATUS")[0].childNodes[0].nodeValue
alert( 상태) ;
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="*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]
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=" " pname "";
oCell = newRow.insertCell();
oCell.innerHTML=""
oCell = newRow.insertCell()
oCell .innerHTML =pprice;
}
}
}
}
}