jquery - Ajax 请求在 safari 中有效，但在 Firefox 中无效 (Vimeo oembed)

Question

我正在尝试通过 oembed API (json) 获取 vimeo 嵌入代码。

它在 safari 中工作正常，但在 Firefox 中，似乎返回的 json 没有正确解释，因为我得到的是 null 值而不是 javascript 对象(在 success 方法中)。

我会提供一个 jsfiddle 示例的链接，但该示例在那里不起作用，出现一些关于不允许的来源的错误..

所以这是代码:

   <script type='text/javascript' src='http://code.jquery.com/jquery-1.4.4.min.js'></script>


  <script type='text/javascript'>
  //<![CDATA[ 
  $(window).load(function(){
  $.ajax({
    url: "http://vimeo.com/api/oembed.json?&format=json&url=http%3A//vimeo.com/2197639",
    dataType: "json",
    success: function(data) {
        $('#output').html(JSON.stringify(data));
    },  
    error: function(errorSender, errorMsg) {
        console.log(errorSender);
        console.log(errorMsg);
        $('#output').html(errorSender + ' ' + errorMsg);
    } 
    });
  });
  //]]> 
  </script>

有什么可能是错的吗？是不是跟json有关？

示例 json 为:

{"type":"video","version":"1.0","provider_name":"Vimeo","provider_url":"http:\/\/vimeo.com\/","title":"Early Morning Qena","author_name":"Oliver Wilkins","author_url":"http:\/\/vimeo.com\/offshoot","is_plus":"1","html":"<iframe src=\"http:\/\/player.vimeo.com\/video\/2197639\" width=\"1280\" height=\"720\" frameborder=\"0\" webkitAllowFullScreen allowFullScreen><\/iframe>","width":1280,"height":720,"duration":229,"description":"Early morning in Quft, near Qena. Shot with EX1 and Letus Extreme 35mm DOF adaptor.\n\nwww.offshoot.tv\n","thumbnail_url":"http:\/\/b.vimeocdn.com\/ts\/271\/854\/27185484_640.jpg","thumbnail_width":640,"thumbnail_height":360,"video_id":2197639}

Answer 1

您需要使用 JSONP，因为您正在尝试执行跨域 AJAX 调用。看起来vimeo支持它。您只需要通过修改 url 来指定回调(请注意我在末尾附加的 callback=? 参数和 format=jsonp):

$.ajax({
    url: "http://vimeo.com/api/oembed.json?format=jsonp&url=http%3A%2F%2Fvimeo.com%2F2197639&callback=?",
    dataType: "jsonp",
    success: function(data) {
        $('#output').text(JSON.stringify(data));
    },  
    error: function(errorSender, errorMsg) {
        $('#output').text(errorSender + ' ' + errorMsg);
    }
});

这是一个 live demo .