367. (javaScript) [간단 소스] 자바스크립트 XMLSerializer 사용해 XML Object 형식을 String 문자열 형식으로 변환

---

[개발 환경 설정]

​

개발 툴 : Edit++

개발 언어 : JavaScript

 

---

[소스 코드]

 

-----------------------------------------------------------------------------------------
[사전 설명 및 설정 사항]
-----------------------------------------------------------------------------------------

- 개발 환경 : Web

- 개발 기술 : JavaScript (자바스크립트) / XMLSerializer

- 사전 XMLSerializer 설명 : 

  >> XMLSerializer 는 DOM 트리를 나타내는 XML 문자열을 구성할 수 있습니다

  >> XMLSerializer 사용해 XML을 문자열로 직렬화할 수 있습니다

-----------------------------------------------------------------------------------------





-----------------------------------------------------------------------------------------
[소스 코드]
-----------------------------------------------------------------------------------------

  // [Ajax 요청 수행 실시]
  $.ajax({

      // [요청 시작 부분]               
      url: urlData, // 주소    
      type: "GET", // 전송 타입
      async: true, // 비동기 여부
      timeout: 5000, // 타임 아웃 설정
      dataType: "XML", // 응답받을 데이터 타입 (XML,JSON,TEXT,HTML)   
      cache : false, // 캐시 사용 여부            
      contentType: "application/x-www-form-urlencoded; charset=utf-8", // 헤더의 Content-Type을 설정
                      
      // [응답 확인 부분]
      success: function(response) {

          // [XMLSerializer 사용해 XML Object 형식을 String 형식으로 변환 출력]
          var oSerializer = new XMLSerializer();
          var sXML = oSerializer.serializeToString(response);

          console.log("");
          console.log("======================================================");
          console.log("[Http] : [response] : [Xml 파싱 확인]");
          console.log("-----------------------------------------");
          console.log("[xmlDoc] : " + sXML);
          console.log("======================================================");
          console.log(""); 

      },
                      
      // [에러 확인 부분]
      error: function(xhr) {
          console.log("");
          console.log("======================================================");
          console.log("[Http] : [error] : [http 에러 결과 확인]");
          console.log("-----------------------------------------");
          console.log("[error] : " + xhr);
          console.log("======================================================");
          console.log("");                  
      },
                      
      // [완료 확인 부분]
      complete:function(data, textStatus) {
     
      }
  });

-----------------------------------------------------------------------------------------





-----------------------------------------------------------------------------------------
[결과 출력]
-----------------------------------------------------------------------------------------

======================================================
[Http] : [response] : [Xml 파싱 확인]
-----------------------------------------
[xmlDoc] : <?xml version="1.0" encoding="UTF-8"?><root><city>San Jose</city><firstName>John</firstName><lastName>Doe</lastName><state>CA</state></root>
======================================================

-----------------------------------------------------------------------------------------





-----------------------------------------------------------------------------------------
[참고 사이트]
-----------------------------------------------------------------------------------------

https://developer.mozilla.org/en-US/docs/Web/API/XMLSerializer

-----------------------------------------------------------------------------------------

---