0

在这个函数中，我使用 JSON 从 Youtube 检索数据。此功能在 Chrome 和 Mozilla 中有效。但它在 IE 中不起作用。

  function test(url){

      var youtube_id = url.replace(/^[^v]+v.(.{11}).*/,"$1");
     $.getJSON('http://gdata.youtube.com/feeds/api/videos/'+youtube_id+'?v=2&alt=json', function(data) {
      var title = data.entry.title.$t;
      var description = data.entry.media$group.media$description.$t;
      var thumbnail = data.entry.media$group.media$thumbnail[0].url;
       var imgdata = "<img src ='"+thumbnail+"' />";

    alert(title);
      });
      // alert(youtube_id);// Use these variables somewhere

  }

你能帮助我吗 ？

提前谢谢！！！

4

1 回答 1

-1

这是因为 IE（直到 IE 10）不支持跨域资源共享。

当您使用 Firefox、Safari、Chrome、Opera 等发出请求时，浏览器首先OPTIONS向服务器发出请求，并在标头中查找Access-Control-Allow-Origin，向浏览器解释允许哪些外国站点向该域发出请求.

gdata API 的标头是：

HTTP/1.1 200 OK
X-GData-User-Country: US
Content-Type: application/json; charset=UTF-8
Access-Control-Allow-Origin: *
Expires: Tue, 15 Jan 2013 15:02:28 GMT
Date: Tue, 15 Jan 2013 15:02:28 GMT
Cache-Control: private, max-age=300, no-transform
Vary: *
GData-Version: 2.1
ETag: W/"C0EGQn47eCp7I2A9WhNbEks."
Last-Modified: Tue, 15 Jan 2013 14:53:43 GMT
Transfer-Encoding: chunked
X-Content-Type-Options: nosniff
X-Frame-Options: SAMEORIGIN
X-XSS-Protection: 1; mode=block
Server: GSE

该Access-Control-Allow-Origin: *标头表示允许在此页面上调用任何外部页面（即，不是从与所访问的 API 相同的协议、主机和端口提供的页面）。

但是，IE 不能正确支持该标准。

但是，您可以使用 gdata API 支持的 JSONP 标准来规避这种情况。

更改您的$.getJSON调用以?在 URL 的末尾包含 a。这就是您向jQuery 解释您想使用 JSONP进行调用的方式，这确实允许外部站点。

例如：

var youtube_id = url.replace(/^[^v]+v.(.{11}).*/,"$1");
     $.getJSON('http://gdata.youtube.com/feeds/api/videos/'+youtube_id+'?v=2&alt=json?', function(data) {
        var title = data.entry.title.$t;
        var description = data.entry.media$group.media$description.$t;
        var thumbnail = data.entry.media$group.media$thumbnail[0].url;
        var imgdata = "<img src ='"+thumbnail+"' />";
        alert(title);
      });
于 2013-01-15T15:07:12.450 回答