简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 웹 프론트엔드 > JS 튜토리얼 > 본문

AJAX의 XML 설명 예

jacklove
풀어 주다： 2018-05-09 10:15:25
원래의
1368명이 탐색했습니다.

XML은 AJAX에서 매우 중요하므로 이 기사에서는 관련 지식을 자세히 설명합니다.

예제 설명 - loadXMLDoc() Function

위의 "CD 정보 가져오기" 버튼을 클릭하면 loadXMLDoc() 함수가 실행됩니다.

loadXMLDoc() 함수는 XMLHttpRequest 객체를 생성하고, 서버 응답이 준비되면 실행되는 함수를 추가하고, 서버에 요청을 보냅니다.

서버 응답이 준비되면 HTML table이 작성되어 XML 파일에서 노드(요소)를 추출하고 마지막으로 이미 XML 데이터로 채워진 HTML 테이블로 txtCDInfo 자리 표시자를 업데이트합니다.

function loadXMLDoc(url )
{
var xmlhttp;
var txt,xx,x,i;
if (window.XMLHttpRequest)
{// IE7+, Firefox, Chrome, Opera, Safari용 코드
xmlhttp=new XMLHttpRequest();
}
else
{// IE6, IE5용 코드
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp. status ==200)
{
txt="

";
x=xmlhttp.responseXML.documentElement.getElementsByTagName("CD");
for (i=0;i {
txt=txt + "";
xx=x[i].getElementsByTagName("제목");
                                                                         >                                     
        txt=txt + "
제목아티스트
+ xx[0].firstChild.nodeValue" + "";
      }
                                 txt=txt + "		 < /td>";
                           ~            . d('txtCDInfo').innerHTML=txt ;
}
}
xmlhttp.open( "GET",url,true);
xmlhttp.send();
}


이 문서에서는 AJAX의 XML 관련 내용을 설명합니다. 더 많은 학습 자료에 주목하세요. PHP 중국어 웹사이트에서 볼 수 있습니다.

관련 추천:


MySQL의 첫 번째 SQL 문 및 라이브러리 작업 소개




TP5를 통해 간단하게 구현하는 방법 - 추가, 삭제, 수정 및 쿼리




mysql을 통해 마지막 레코드를 쿼리하는 방법


위 내용은 AJAX의 XML 설명 예의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨：
ajax js xml
원천：php.cn
이전 기사：jquery의 filter() 메소드 사용에 대한 자세한 설명 다음 기사：jquery의 filter() 메소드 사용 사례 설명
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
AJAX, PHP 및 서버 전송 이벤트를 사용하여 OpenAI API에서 데이터 스트리밍 SSE(Server Sent Events)를 사용하여 JavaScript 및 PHP를 사용하는 위 API의 데이터를 브라우저 클라이언트로 스트리밍하려면 어떻게 해...
에서 2023-11-11 12:03:23
0
1
497
AJAX 요청을 사용하여 응답에서 JSON을 구문 분석할 때 발견되지 않은 구문 오류: 예기치 않은 토큰 '<', "<br /> datefrom과 dateto를 사용하여 드롭다운 메뉴를 만든 다음 이 날짜 사이의 날짜를 표시하지만 표시되지 않고 콘솔에 이 오류 메시지가 계속 나타납니다. V...
에서 2023-11-01 10:06:57
0
1
269
페이지를 떠나지 않고 PHP 실행 양식(su라는 이름의 텍스트 영역)과 제출 버튼이 있습니다. 양식이 제출된 후 "에코" 페이지를 새로 고치거나 떠나거나 어떻게든 화면에 반환 내...
에서 2023-10-23 19:05:06
0
1
285
JavaScript를 사용하면 CSS 사용자 정의 속성(CSS 변수라고도 함)에 액세스할 수 있습니다. JavaScript(일반 또는 jQuery)를 사용하여 CSS 사용자 정의 속성(스타일시트에서 var(…)을 통해 액세스되는 속성)을 가져오고 설정하는 방법은 무...
에서 2023-10-20 22:42:04
0
2
244
Vue 2 - 소품 변경에 대한 경고 https://laracasts.com/series/learning-vue-step-by-step 시리즈를 시작했습니다. 다음 오류로 인해 Vue, Laravel...
에서 2023-10-13 10:49:44
0
2
217
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！