如何使用 jquery mobile 获取 RSS 提要

Question

我尝试使用以下代码从外部网站读取 RSS 提要：

$.get('http://myrssurl.com',function (XMLmediaArray) {
  $(XMLmediaArray).find('item').each(function() {
    var item = $(this);
    var title = item.find('title').text();
    var description = item.find('description').text();
    var link = item.find('link').text();
    var image = item.find('enclosure[type="image/jpeg"]').attr('url');
  });
});

我收到一条错误消息：

XMLHttpRequest cannot load http://myrssurl.com. No '*Access-Control-Allow-Origin*' header is present on the requested resource. Origin 'localhost is therefore not allowed access. 

你知道怎么解决吗？

感谢您的帮助！与此同时，我尝试使用 GOOGLE RSS FEED 服务，但我还必须使用这个来处理一个问题：

在我正在使用的 html 文件中：

<script type="text/javascript">
new rssdisplayer("msndiv","http://www.myrssfeedurl",6,"date, description");
</script>

在 Javascript 文件中如下：

  google.load("feeds", "1"); //Load Google Ajax Feed API (version 1)

function rssdisplayer(divid, url, feedlimit, showoptions){
this.showoptions=showoptions || "" //get string of options to show ("date" and/or "description"wink
var feedpointer=new google.feeds.Feed(url) //create new instance of Google Ajax Feed API
feedpointer.setNumEntries(feedlimit) //set number of items to display
document.write('<div id="'+divid+'">Loading feed, </div>')
this.feedcontainer=document.getElementById(divid)
var displayer=this
feedpointer.load(function(r){displayer.formatoutput(r)}) //call Feed.load() to retrieve and output RSS feed
}


rssdisplayer.prototype.formatdate=function(datestr){
var itemdate=new Date(datestr)
return "<span style='color:gray; font-size: 90%'>"+itemdate.toLocaleString()+"</span>"
}


rssdisplayer.prototype.formatoutput=function(result){
if (!result.error){ //if RSS feed successfully fetched
var thefeeds=result.feed.entries //get all feed entries as a JSON array
var rssoutput="<ul>"
for (var i=0; i<thefeeds.length; i++){ //loop through entries
var itemtitle="<a href=\"" + thefeeds[i].link + "\">" + thefeeds[i].title + "</a>"
var itemdate=/date/i.test(this.showoptions)? this.formatdate(thefeeds[i].publishedDate) : ""
var itemdescription=/description/i.test(this.showoptions)? "<br />"+thefeeds[i].content : ""
rssoutput+="<li>" + itemtitle + " " + itemdate + itemdescription + "</li>"
}
rssoutput+="</ul>"
this.feedcontainer.innerHTML=rssoutput
}
else //else, output error
alert("Error fetching feeds: "+result.error.message)
}

但是当我在浏览器中执行它时，我收到以下错误消息： Uncaught ReferenceError: rssdisplayer is not defined (index):127 (anonymous function)

你们知道是什么问题吗？

Answer 1

这是一个 AJAX 安全：https://developer.mozilla.org/en-US/docs/HTTP/Access_control_CORS 不允许在其他网站查询。

为了方便起见，我建议在您的服务器上解析 RSS 提要并将其重新格式化为 JSON。

Answer 2

我使用 Google API RSS Feed 服务解决了这个问题。出现错误是因为 rssdisplayer.js 文件在 html 文件中包含得太晚。在jquery mobile javascript之后直接包含它