javascript - API JSON 回调问题

Question

我有一个简单的输入字段，可以在您使用 Trakt API 搜索节目时带回它们。最近他们更改了 API，现在我的代码不再有效(以前可以)。我遇到了这个问题:

拒绝从 http://.... 执行脚本，因为它的 MIME 类型('application/json')不可执行，并且启用了严格的 MIME 类型检查。

代码:

  $.ajax ({
    type: "GET",
    // **OBSOLETE** url: 'http://api.trakt.tv/search/shows.json/78c0761c9409a61cf88e675687d6f790/'+ value +'/5/seasons/',
    url: 'http://api.trakt.tv/search/shows.json/78c0761c9409a61cf88e675687d6f790?query=' + value + '&limit=5&seasons=true',
    dataType: "jsonp",
    json: "callbackname",
    crossDomain : true,

如果我删除:

dataType: "jsonp",

或更改为:

dataType: "json",

我得到一个不同的错误:

XMLHttpRequest 无法加载 http://.... 请求的资源上不存在“Access-Control-Allow-Origin” header 。因此不允许访问来源“https://dl.dropboxusercontent.com”。

演示: http://dl.dropboxusercontent.com/u/48552248/websites/tiii.me/index.html (如果强制使用 https://，则‘加载不安全的脚本’)

代码链接: https://dl.dropboxusercontent.com/u/48552248/websites/tiii.me/scripts/partials/_tv-show.js

有什么想法吗？谢谢!

Answer 1

试试这个

function getJSONP(url, success) {

    var ud = '_' + +new Date,
        script = document.createElement('script'),
        head = document.getElementsByTagName('head')[0] 
               || document.documentElement;

    window[ud] = function(data) {
        head.removeChild(script);
        success && success(data);
    };

    script.src = url.replace('callback=?', 'callback=' + ud);
    head.appendChild(script);

}