我有一个网站,我想向BBC RSS提要请求返回最新消息。问题是我收到以下错误:
Uncaught SyntaxError: Unexpected token <
这是我的代码:
var url = 'http://feeds.bbci.co.uk/news/rss.xml';
$.ajax({
url : url,
dataType : 'jsonp',
contentType : 'text/xml',
success : function(data) {
console.log(data);
}
});
以下是我服务器上的代码,如下面的答案所示:
public XmlDocument callBBCFeed()
{
HttpWebRequest request = (HttpWebRequest)WebRequest.Create("http://feeds.bbci.co.uk/news/rss.xml");
HttpWebResponse response = (HttpWebResponse)request.GetResponse();
StreamReader sr = new StreamReader(response.GetResponseStream());
string result = sr.ReadToEnd();
XmlDocument doc = new XmlDocument();
doc.LoadXml(result);
return doc;
}
然后我在我的JS代码中调用它,如下所示:
var url = 'http://myServer/Global/callBBCFeed';
$.ajax({
url : url,
dataType : 'xml',
success : function(data) {
console.log(data);
}
});
但我得到了同源策略错误
答案 0 :(得分:1)
检查您的$ .ajax电话:dataType: 'jsonp'
。
RSS是XML。由于您的调用需要检索JSON,<
是一个非法字符,不是吗?
阅读jQuery $ .ajax文档并查找“dataType”选项:
更新
根据您添加到其他答案的某些评论,您的初始问题似乎是跨域请求。
最佳解决方案是从服务器端执行跨域调用(使用ASP.NET C#/ VB中的服务器代码或其他任何内容,PHP,Perl,Ruby ...),jQuery将调用您的服务器处理程序检索该RSS源,因此它不再是跨域请求。
答案 1 :(得分:0)
您正在向XML资源发送跨域AJAX请求。由于same origin policy限制,这不起作用。
你在这里完全矛盾:
dataType : 'jsonp'
然后向XML资源发送请求。
允许跨域AJAX调用的JSONP完全不同。它表示包含在javascript函数中的JSON响应,可能如下所示:
someFunctionName({"foo":"bar", "baz":"bazzy"})
如果远程服务器不支持JSONP,则必须在域上编写服务器端脚本,该脚本将充当您和远程域之间的桥梁以获取XML文件。然后使用jQuery AJAX向您的脚本发送请求。
我建议您阅读以下jQuery cross domain AJAX guide,了解可能使用的不同技术。