Parsing удаленный файл xml с jquery

Question

Может ли кто-нибудь объяснить мне, почему следующий скрипт не работает? Спасибо ;-)

$("#getRate").on("click", function(event) { 
    var xhttp = new XMLHttpRequest(); 
    xhttp.onreadystatechange = function() { 
    if (xhttp.readyState == 4 && xhttp.status == 200) { 
     getRates(xhttp); 
    } 
    } 

    xhttp.open("GET", "http://api.nbp.pl/api/exchangerates/rates/A/EUR/2016-06-02", true); 
    xhttp.send(); 

    function getRates(xml) { 
    var xmlDoc = xml.responseXML; 
    document.getElementById("testRate").innerHTML = xmlDoc.getElementsByTagName("ExchangeRatesSeries")[0].getElementsByTagName("Rates")[0].getElementsByTagName("Rate")[0].getElementsByTagName("Mid")[0].childNodes[0].nodeValue; 
    } 

}); 

Answer 1

Код xml.responseXml будет null. Потому что в запросе он вернет значение в responseText. Если вы хотите, чтобы responseXml имел значение, вы должны определить Content-Type text/xml. Обновлено: чтобы предотвратить перекрестный домен, вы можете преобразовать responseText в json. Вы нуждаетесь в середине значения и изменили свой код, как показано ниже

function getRates(xml) { 
    var xmlDoc = xml.responseText; 
    var jsonObj = eval('(' + xmlDoc + ')'); 
    document.getElementById("testRate").innerHTML = jsonObj.rates[0].mid; 
} 

Answer 2

кажется, что это решение не работает crossdomain ... Я должен сначала загрузить файлы и анализировать их локально. Тогда скрипт работает нормально.