AJAXを使用してXMLを解析する

Question

問題が発生しました。xmlajaxを使用しています。私のコードのどこかでajaxを使用してAPIを取得することができたので、ここで何がうまくいかないのか分かりません。どんな助けでも大歓迎です。

html：

<div id="technology" class="tab-pane fade"> 
    <h3>TECH</h3> 
    <p id="tech_news"></p> 
</div> 

jquery：

$(document).ready(function() { 
    $.ajax({ 
    type: "GET", 
    url: "http://feeds.bbci.co.uk/news/technology/rss.xml", 
    dataType: "xml", 
    cache: false, 
    success: parseXml 
    }); 
}); 

function parseXml(xml) { 
    $(xml).find("item").each(function() { 
    $("#tech_news").append($(this).find("title").text() + "<p>"); 
    $("#tech_news").append($(this).find("description").text() + "<p>"); 
    }); 
} 

Answer 1

実際にあなたがcors問題があります。私たちは、このエラーメッセージを持っている：No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access：

は http://feeds.bbci.co.uk/news/technology/rss.xml?_=1511718738881のロードに失敗しました。あなたはajaxを通じてクロス起源の要求を許可するように、このサービスhttps://crossorigin.me/を使用することができますしかし

。

このような何か：それでも

$(document).ready(function() { 
 
    $.ajax({ 
 
    type: "GET", 
 
    url: "https://crossorigin.me/http://feeds.bbci.co.uk/news/technology/rss.xml", 
 
    dataType: "xml", 
 
    cache: false, 
 
    success: parseXml 
 
    }); 
 
}); 
 

 
function parseXml(xml) { 
 
    $(xml).find("item").each(function() { 
 
    $("#tech_news").append($(this).find("title").text() + "<p>"); 
 
    $("#tech_news").append($(this).find("description").text() + "<p>"); 
 
    }); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div id="technology" class="tab-pane fade"> 
 
    <h3>TECH</h3> 
 
    <p id="tech_news"></p> 
 
</div>

、あなたはそれが24/7動作しないことがあり、外部サービスであることを知っている必要があります。