Question

我正在尝试调用Media API但是收到了Access-Control-Allow-Origin错误。

我尝试追加'？jsoncallback =？'到我的网址（JSONP），它现在返回JSON文件，但我的浏览器试图将其解释为javascript并抛出错误。

(function() {
  var mediaAPI = "http://api.brightcove.com/services/library?jsoncallback=?";
  $.getJSON( mediaAPI, {
    command: "find_video_by_id",
    video_id: "2472866007001",
    video_fields: "videoStillURL,thumbnailURL",
    media_delivery: "http",
    token: "4kDMVfqenhDk_uU2MvV8fioVrHsHwiKWCLFuxZumIq7fSa3wyRkTNw..",
    format: "json"
  })
  .done(function( data ) {


    var obj = jQuery.parseJSON(data);
    alert( obj.name === "videoStillURL" );

  });
})();

Answer 1

如果您使用callback而不是jsoncallback，Media API将返回JSONP响应（JSON包含在回调函数中）

您不应将jQuery.parseJSON()与此类型的回复结合使用，alert(obj.videoStillURL)将有效。

Answer 2

将format: "json"更改为format: "jsonp" ...应该为您修复

Brightcove Media API Access-Control-Allow-Origin

2 个答案: