2010-04-02 4 views
6

Я видел пост, что дело с этим вопросом, но я до сих пор не может решить мою проблему:JQuery и XML (с CDATA)

У меня есть XML с CDATA, и когда я разобрать XML, его включает CDATA (которого я не хочу).

XML пример:

<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? 
    } 
}); 

}

ответ

10

Похоже, есть два Чил dren назвал название в теге nav. Вы получаете обратно как когда вы делаете:

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

Попробуйте использовать:

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

Кроме того, удалите условное:

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

И просто использовать:

dataType: "xml", 
+0

ой спасибо. dataType сделал трюк. d'ах! , но IE6 ничего не отображает. любые идеи? – Pico

+0

Вы тестируете это локально? IE6, похоже, не нравится. Вероятно, потому что правильные заголовки не отправляются так, как они есть, когда они находятся на веб-сервере. Попробуйте разместить XML-файл на веб-сервере или использовать его для тестирования: http://digitalpadin.com/test.xml Источник: http://groups.google.com/group/jquery-en/browse_thread/ thread/adb2b047f3761179? pli = 1 – Sandro

+0

все работает на веб-сервере. – Pico

0

OK нашел недостающую часть на другом форуме:

<script type="text/javascript"> вместо: <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

Пожалуйста, добавьте больше деталей. –