์ตœ๊ณ ์˜ AJAX XML ํŠœํ† ๋ฆฌ์–ผ 2024๋…„, ์ด ํŠœํ† ๋ฆฌ์–ผ์—์„œ๋Š” AJAX์˜ XML ์ธ์Šคํ„ด์Šค,์˜ˆ,๋ถ„์„์˜ ์˜ˆ - loadXMLDoc () ํ•จ์ˆ˜,AJAX ์„œ๋ฒ„ ํŽ˜์ด์ง€,๋ฅผ ๋ฐฐ์šธ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

AJAX XML

AJAX๋Š” XML ํŒŒ์ผ๊ณผ ๋Œ€ํ™” ํ˜•์œผ๋กœ ํ†ต์‹  ํ•  ์ˆ˜์žˆ๋‹ค.


AJAX์˜ XML ์ธ์Šคํ„ด์Šค

๋‹ค์Œ ์˜ˆ๋Š” XML ํŒŒ์ผ์˜ ๋‚ด์šฉ์„ ์ฝ๊ธฐ ์œ„ํ•ด AJAX ์›น ํŽ˜์ด์ง€๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ๋ณด์—ฌ

์˜ˆ


ยป์‹œ๋„


๋ถ„์„์˜ ์˜ˆ - loadXMLDoc () ํ•จ์ˆ˜

์‚ฌ์šฉ์ž๋Š” loadXMLDoc () ํ•จ์ˆ˜๋ฅผ ์‹คํ–‰ํ•ฉ๋‹ˆ๋‹ค "ํ•˜๊ธฐ CD ์ •๋ณด"๋ฒ„ํŠผ์„ ํด๋ฆญํ•ฉ๋‹ˆ๋‹ค.

๊ธฐ๋Šฅ, XMLHttpRequest ๊ฐ์ฒด๋ฅผ ์ƒ์„ฑ ์ถ”๊ฐ€ loadXMLDoc () ํ•จ์ˆ˜๋Š” ์„œ๋ฒ„ ์‘๋‹ต์„ ์ค€๋น„ํ•˜๊ณ , ์š”์ฒญ์„ ์„œ๋ฒ„๋กœ ์†ก์‹  ํ•  ๋•Œ ์‹คํ–‰๋œ๋‹ค.

์„œ๋ฒ„ ์‘๋‹ต์„ ์ค€๋น„ ํ•  ๋•Œ, XML ํŒŒ์ผ์—์„œ HTML ํ…Œ์ด๋ธ” ์ถ”์ถœ ๋…ธ๋“œ (์š”์†Œ)๋ฅผ ๊ตฌ์ถ•ํ•˜๊ณ  txtCDInfo ์ž๋ฆฌ๋ฅผ ๊ฐฑ์‹  HTML ํ˜•ํƒœ๊ฐ€ XML ๋ฐ์ดํ„ฐ์— ์ถฉ์ „๋˜์–ด ์‚ฌ์šฉ๋œ๋‹ค :

function loadXMLDoc(url)
{
var xmlhttp;
var txt,xx,x,i;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
txt="<table border='1'><tr><th>Title</th><th>Artist</th></tr>";
x=xmlhttp.responseXML.documentElement.getElementsByTagName("CD");
for (i=0;i<x.length;i++)
{
txt=txt + "<tr>";
xx=x[i].getElementsByTagName("TITLE");
{
try
{
txt=txt + "<td>" + xx[0].firstChild.nodeValue + "</td>";
}
catch (er)
{
txt=txt + "<td>&nbsp;</td>";
}
}
xx=x[i].getElementsByTagName("ARTIST");
{
try
{
txt=txt + "<td>" + xx[0].firstChild.nodeValue + "</td>";
}
catch (er)
{
txt=txt + "<td>&nbsp;</td>";
}
}
txt=txt + "</tr>";
}
txt=txt + "</table>";
document.getElementById('txtCDInfo').innerHTML=txt;
}
}
xmlhttp.open("GET",url,true);
xmlhttp.send();
}


AJAX ์„œ๋ฒ„ ํŽ˜์ด์ง€

์œ„์˜ ์˜ˆ๋Š” ํŽ˜์ด์ง€ ์„œ๋ฒ„๊ฐ€ ์‹ค์ œ๋กœ "๋ผ๋Š” ์‚ฌ์šฉ cd_catalog.xml "XML ํŒŒ์ผ.

AJAX XML
10/30