2010-04-02 6 views
6

ho visto il post che si occupano di questo problema, ma non riesco ancora a risolvere il mio problema:jQuery e XML (con CDATA)

Ho XML con CDATA e quando ho analizzare il codice XML, è include il CDATA (che non voglio).

XML di esempio:

<mainnav> 
    <nav path="/" xmlpath="home.xml" key="footer" navigator=""> 
     <display><![CDATA[Home]]></display> 
     <title><![CDATA[Home]]></title> 
    </nav> 

    <nav path="/nav1/" xmlpath="nav1.xml" key="primary" navigator="primary" iconid="0"> 
     <display><![CDATA[Nav 1]]></display> 
     <title><![CDATA[Nav 1]]></title> 
     <overdesc><![CDATA[test nav 1]]></overdesc> 

     <sub path="/nav1/sub1/" xmlpath="nav1/sub1.xml" key="sub"> 
      <display><![CDATA[sub 1<br />of nav 1]]></display> 
      <title><![CDATA[sub 1<br />of nav 1]]></title> 
     </sub> 

    </nav> 


    <nav path="/nav1/" xmlpath="nav2.xml" key="primary" navigator="primary" iconid="1"> 
     <display><![CDATA[Nav 2]]></display> 
     <title><![CDATA[Nav 2]]></title> 
     <overdesc><![CDATA[test nav 2]]></overdesc> 

     <sub path="/nav2/sub1/" xmlpath="nabv2/sub1.xml" key="sub"> 
      <display><![CDATA[sub 1<br />of nav 2]]></display> 
      <title><![CDATA[sub 1<br />of nav2]]></title> 
     </sub> 

    </nav> 

</mainnav> 

jQuery:

$(document).ready(function(){ 
$.ajax({ 
    type: "GET", 
    url: "site_xml/config.xml", 
    //contentType: "text/xml", 
    dataType: ($.browser.msie) ? "xml" : "text/xml", 
    success: parseXML, 
    error: function(XMLHttpRequest, textStatus, errorThrown) { 
     alert(errorThrown); 
    } 
});}); 

function parseXML(xml) { 
$(xml).find('nav').each(function(){ 
    if ($(this).attr("key")=="primary") { // this is a primary nav item; 
     var title = $.trim($(this).find('title').text()); 
     alert(title); 
     $("#output").append(title); //nothing showing up in my output DIV, presumably due to the CDATA tags? 
    } 
}); 

}

risposta

10

Sembra che ci sono due chil dren ha nominato il titolo all'interno del tag nav. Hai trovato indietro sia quando si esegue:

$(this).find("title").text() 

Provare a utilizzare:

$(this).find("title:first").text() 

Inoltre, togliere il condizionale:

dataType: ($.browser.msie) ? "xml" : "text/xml", 

E basta usare:

dataType: "xml", 
+0

oh grazie. il dataType ha fatto il trucco. D'oh! ma IE6 non mostrerà nulla ora. qualche idea? – Pico

+0

Lo stai testando localmente? A IE6 non sembra piacere. Probabilmente perché le intestazioni corrette non vengono inviate così come sono quando si trovano su un server web. Prova a inserire il file XML su un server web o utilizzalo per testare: http://digitalpadin.com/test.xml Fonte: http://groups.google.com/group/jquery-en/browse_thread/ thread/adb2b047f3761179? pli = 1 – Sandro

+0

è tutto in esecuzione su un server web. – Pico

0

OK trovato il pezzo mancante su un altro forum:

<script type="text/javascript"> invece di: <script type="application/javascript">

1
<PRODUCTS> 
    <COD>1</COD> 
    <NAME><![CDATA[MINISYSTEM SONY VAIO]]></NAME> 
</PRODUCTS> 


     function CDATA(str){    
      var res = str.substr(9,str.length-12) 
      return res 
     } 

     CDATA($(this).find("name").text()); 
+2

Si prega di aggiungere ulteriori dettagli. –