XML JQuery 관련 HTML

Question

저는 JQuery를 처음 사용합니다. 그러나 이것을 사용하려고합니다.

<script type="text/javascript" language="javascript"> 
    $(document).ready(function(){ 
      $.ajax({ 
       type: "GET", 
       url: "GetColumnNames.xml", 
       dataType: "xml", 
       success: function(xml) { 
        $(xml).find('Column').each(function(){ 
         var id = $(this).attr('Id'); 
         var title = $(this).find('Name').text(); 
         $('<div class="items" id="link_'+id+'"></div>').html('<label id='+id+'>'+title+'</label>').appendTo('#page-wrap'); 
        }); 
       } 
      }); 
     }); 
    </script> 

하지만 :이 방법을 시도

<div id="header" class="all_are_H3_from_CSS"> 
     <label id="Col_Id_1">Col_Name_2</label> | 
     <label id="Col_Id_1">Col_Name_3</label> | 
     <label id="Col_Id_1">Col_Name_4</label> | 
    </div> 

: 내가하고 싶은 것은 이것이다, 이제

<?xml version="1.0" encoding="utf-8" ?> 
<Columns> 
    <Column> 
    <Id>Col_Id_1</Id> 
    <Name>Col_Name_1</Name> 
    <Type>int</Type> 
    </Column> 
    <Column> 
    <Id>Col_Id_2</Id> 
    <Name>Col_Name_2</Name> 
    <Type>string</Type> 
    </Column> 
    <Column> 
    <Id>Col_Id_3</Id> 
    <Name>Col_Name_3</Name> 
    <Type>DateTime</Type> 
    </Column> 
</Columns> 

: 나는 다음과 같이 보이는 XML 설정되어 원하지 않는 o/p.

jquery를 사용하여 어떻게 할 수 있습니까? 위의 XML은 동적 일 수 있습니다 &은 문자열 형식으로 사용할 수 있습니다/File1.xml에 있습니다.

Thank you!

Answer 1

하나의 옵션은 XSLT를 사용하여 XML/div 형식으로 변환 한 다음 .load() jQuery 호출을 사용하여 클라이언트 측에서 필요한 곳에 삽입하는 것입니다.