无法进行跨域Ajax调用

Question

$(document).ready(function(){ $.ajax({ url: "http://gdata.youtube.com/feeds/api/users/zdf/playlists?v=2", type: "GET", success: function(msg){ console.log(msg); } }); });

我收到了“XMLHttpRequest不能加载http://gdata.youtube.com/feeds/api/users/zdf/playlists?v=2”的错误。

我该如何进行跨域Ajax调用以获取API的XML？

- antpaw

Answer 1

您不能通过跨域调用获取XML数据。您唯一的选择是使用JSON-P来接收跨域数据。 同源策略限制了对外部域名（ajax/iframes）的直接访问，JSON-P使用动态脚本标签插入来解决这个问题。

请参考http://api.jquery.com/jQuery.getJSON/。该页面也介绍了JSON-P。 编辑 http://code.google.com/intl/de-DE/apis/youtube/2.0/developers_guide_json.html 为您准备！

- jAndy

---

你需要至少一颗Deze核心的CPU！ - antpaw

Answer 2

正在进行标准化过程，以制定一种方案允许跨域Ajax请求。JSON-P只是一个临时解决方案，因为它使用脚本标记来进行HTTP请求，这比XMLHttpRequest对象劣秀。

提出的解决方案基于让资源来源指定允许哪些域名进行跨域请求，域名“*”表示任何其他网页都可以托管应用程序，从而向该特定资源发出请求。

您可以在w3c工作draft中阅读更多信息。

现代Web浏览器支持此功能。

- Ernelli

Answer 3

尝试使用 $.load()。请查看http://api.jquery.com/load/。

- Florin P.