javascript - 对 TinySong 的 JSONP 请求总是失败

Question

我正在尝试使用以下代码向 tinysong api 发送 JSONP 请求

var url = "http://tinysong.com/s/calvin+harris?format=json&limit=3&key=api_key"

function jsonpCallback(json) {
    console.log(json);
}

var script = document.createElement('script');
script.src = url+'&callback=jsonpCallback';
document.body.appendChild(script);

但继续在控制台中获取消息

Resource interpreted as Script but transferred with MIME type text/html: 

我也试过下面的，也有同样的错误

$.ajax({
    type: 'GET',
    url: url,
    jsonpCallback: 'jsonCallback',
    dataType: 'jsonp',
    success: function(json) {
        console.log(json);
    },
    error: function(e) {
        console.log(e.message);
    }
});

function jsonCallback(json) { 
    console.log(json); 
}

我确定 api 正在响应，因为我检查了 chrome 中的网络选项卡并且可以看到来自 API 的响应。您对我能做什么有什么建议，或者我需要编写一个服务器端 API 来 ping TinySong API？

Answer 1

尝试在您的 ajax 调用中添加该项目

    jsonp:true,

在你的 jsonpCallback 之前或之后的行还要确保您的网址附加了“&callback=jsonpCallback”。

我正在查看我的一些有效的旧代码，这些是我看到的唯一区别