使用JavaScript跨域RSS订阅解析

Question

代理问题这是我的javascript函数，它抓住通过代理脚本的RSS提要，然后吐出来从进料5个最新的RSS项目并链接到我的样式表一起：

function getWidget (feed,limit) { if (window.XMLHttpRequest) { 
     xhttp=new XMLHttpRequest() 
    } else { 
     xhttp=new ActiveXObject("Microsoft.XMLHTTP") 
    } 
    xhttp.open("GET","http://MYSITE/proxy.php?url="+feed,false); 
    xhttp.send(""); 
    xmlDoc=xhttp.responseXML; 
    var x = 1; 
    var div = document.getElementById("div"); 
    div.innerHTML = '<link type="text/css" href="http://MYSITE/css/widget.css" rel="stylesheet" /><div id="rss-title"></div></h3><div id="items"></div><br /><br /><a href="http://MYSITE">Powered by MYSITE</a>'; 
    document.body.appendChild(div); 
    content=xmlDoc.getElementsByTagName("title"); 
    thelink=xmlDoc.getElementsByTagName("link"); 
    document.getElementByTagName("rss-title").innerHTML += content[0].childNodes[0].nodeValue; 
    for (x=1;x<=limit;srx++) { 
     y=x; 
     y--; 
     var theitem = '<div class="item"><a href="'+thelink[y].childNodes[0].nodeValue+'">'+content[x].childNodes[0].nodeValue+'</a></div>'; 
     document.getElementById("items").innerHTML += theitem; 
    } } 

这里是proxy.php的代码：

$session = curl_init($_GET['url']);     // Open the Curl session 
curl_setopt($session, CURLOPT_HEADER, false);   // Don't return HTTP headers 
curl_setopt($session, CURLOPT_RETURNTRANSFER, true); // Do return the contents of the call 
$xml = curl_exec($session);       // Make the call 
header("Content-Type: text/xml");     // Set the content type appropriately 
echo $xml;  // Spit out the xml 
curl_close($session); // And close the session 

现在，当我尝试加载此上，这不是我的网站没有任何负载域。我没有JS错误，但我在萤火虫控制台选项卡我得到“407代理验证必需”

所以我不知道如何使这项工作。

目标是能够获取RSS提要，解析它以获取标题和链接，并将其吐出到Web上任何网站上的某些HTML中。我的“M基本上是让我的网站的各种RSS一个简单的RSS提要部件。

我的JavaScript是怪人

我真的使用Javascript初学者。我知道jQuery的非常好，但我不能够在这种情况下使用它，因为这个脚本将嵌入任何网站，我不能真正依赖于jQuery库，所以我决定写一些基本的JavaScript依赖于默认的XML解析选项。谢谢！

什么是x和y变种

他们的方式我的网站创建RSS源是第一个标题实际上是RSS源标题。第二个标题是第一个项目的标题。第一个链接是第一个项目的链接。所以当使用javascript来获得标题时，我必须首先获取第一个标题（这是RSS标题），然后从第二个标题开始，该标题是该项目的第一个标题。对不起，我感到困惑，但我不认为这与我的问题有关。只是想澄清我的代码。

Answer 1

因为我发现YQL，所以在处理这些类型的用例时，我选择了这种方法，因为我可以将所有内容都保存在JavaScript中，而无需担心跨域代理。更好的是，您将能够将所有处理卸载到客户端。

这个简单的查询会为你做它：选择标题，链接从RSS其中URL = 'http://rss.news.yahoo.com/rss/topstories'

固定链接查询： https://developer.yahoo.com/yql/console/?q=select%20title%2C%20link%20from%20rss%20where%20url%3D%27http%3A%2F%2Frss.news.yahoo.com%2Frss%2Ftopstories%27

示例代码段：

<script> 

function cbfunc(data){ 
    for(var i in data.query.results.item) { 
    var item = data.query.results.item[i]; 
    console.log(item.title); 
    console.log(item.link); 
    } 
} 

function execYQL(yql, callbackFuncName) { 
    var url = "http://query.yahooapis.com/v1/public/yql?q=" + encodeURIComponent(yql) + "&format=json&callback=cbfunc"; 
    var head= document.getElementsByTagName('head')[0]; 
    var script= document.createElement('script'); 
    script.type= 'text/javascript'; 
    script.src= url; 
    head.appendChild(script); 
} 

execYQL("select title, link from rss where url='http://rss.news.yahoo.com/rss/topstories'"); 

</script> 

只需将&粘贴到HTML文件中，并打开萤火虫进一步检查。