복붙노트

[JQUERY] 어떻게 jQuery를 사용하여 XML을 구문 분석?

JQUERY

어떻게 jQuery를 사용하여 XML을 구문 분석?

해결법


  1. 1.이것에 대한 $ .parseXML 기능이 있습니다 : http://api.jquery.com/jQuery.parseXML/

    이것에 대한 $ .parseXML 기능이 있습니다 : http://api.jquery.com/jQuery.parseXML/

    이처럼 사용할 수 있습니다 :

    var xml = $.parseXML(yourfile.xml),
      $xml = $( xml ),
      $test = $xml.find('test');
    
    console.log($test.text());
    

    당신이 정말로 객체를 원하는 경우 해당위한 플러그인이 필요합니다. 예를 들어이 플러그인은 JSON에 XML을 변환합니다 : http://www.fyneworks.com/jquery/xml-to-json/


  2. 2.당신은 .parseXML을 사용할 수 있습니다

    당신은 .parseXML을 사용할 수 있습니다

    var xml='<Pages>
              <Page Name="test">
               <controls>
                  <test>this is a test.</test>
               </controls>  
              </Page>
              <page Name = "User">
               <controls>
                 <name>Sunil</name>
               </controls>
              </page>
            </Pages>';
    

    JQuery와

        xmlDoc = $.parseXML( xml ),
        $xml = $( xmlDoc );
        $($xml).each(function(){
           alert($(this).find("Page[Name]>controls>name").text());
         });
    

    여기에 바이올린이 http://jsfiddle.net/R37mC/1/


  3. 3.난 당신이 외부 파일에서 XML을로드하는 가정합니다. $ 아약스 (), 그것은 실제로 매우 간단입니다 :

    난 당신이 외부 파일에서 XML을로드하는 가정합니다. $ 아약스 (), 그것은 실제로 매우 간단입니다 :

    $.ajax({
        url: 'xmlfile.xml',
        dataType: 'xml',
        success: function(data){
            // Extract relevant data from XML
            var xml_node = $('Pages',data);
            console.log( xml_node.find('Page[Name="test"] > controls > test').text() );
        },
        error: function(data){
            console.log('Error loading XML data');
        }
    });
    

    또한, 당신은 XML 노드 이름에 대해 일치해야합니다. 당신은 소문자와 대문자 노드 이름을 모두 가지고 (<페이지> 대 <페이지>)는 XML 트리 선택기를 사용하려고하면 혼란 스러울 수있다.


  4. 4.

    $xml = $( $.parseXML( xml ) );
    
    $xml.find("<<your_xml_tag_name>>").each(function(index,elem){
        // elem = found XML element
    });
    

  5. 5.jQuery의 .parseXML () [문서]를 보라 :

    jQuery의 .parseXML () [문서]를 보라 :

    var $xml = $(jQuery.parseXML(xml));
    
    var $test = $xml.find('Page[Name="test"] > controls > test');
    

  6. 6.내가 jQuery의 .parseXML의 길을 갔다 () 그러나 발견 '페이지 [이름 = "테스트"]> 컨트롤> 테스트'하지 작업 (사람이 알고 있다면 왜 소리주세요!) 것의 XML 경로 구.

    내가 jQuery의 .parseXML의 길을 갔다 () 그러나 발견 '페이지 [이름 = "테스트"]> 컨트롤> 테스트'하지 작업 (사람이 알고 있다면 왜 소리주세요!) 것의 XML 경로 구.

    대신에 나는 함께 개별 .find ()를 다음과 같이보고 뭔가에 결과 체인 ​​:

    $xmlDoc.find('Page[Name="test"]')
           .find('contols')
           .find('test')
    

    결과는 내가 한방의 발견을 기대하는 것과 동일한을 달성한다.


  7. 7.우선 팝업 구글 결과에 http://think2loud.com/224-reading-xml-with-jquery/ 그 어떤 플러그인없이 jQuery를에 (당신은 페이지 -> pagename-> controls-> 테스트를 설명 등) 액세스 XML 구조에 간단한 방법은 없습니다.

    우선 팝업 구글 결과에 http://think2loud.com/224-reading-xml-with-jquery/ 그 어떤 플러그인없이 jQuery를에 (당신은 페이지 -> pagename-> controls-> 테스트를 설명 등) 액세스 XML 구조에 간단한 방법은 없습니다.

  8. from https://stackoverflow.com/questions/7228141/how-to-parse-xml-using-jquery by cc-by-sa and MIT license