回调参数弄乱了ajax调用？

Question

我正在尝试通过 ajax 调用获取数据：

$.ajax({
    url: "http://services.runescape.com/m=itemdb_rs/api/catalogue/detail.json?item=1048",
    type: "GET",
    dataType: "jsonp",
    success: function(data){
        console.log(data.item.name);

    },
    error: function (err) {
        console.log("AJAX error in request: " + JSON.stringify(err, null, 2));
    }

});

因为是第三方api，所以我只是jsonp。问题是：我收到一个语法错误：“Uncaught SyntaxError: Unexpected token :”。

当我查看控制台时，我看到了数据，但它一直说 Unexpected token :，所以我看不到数据

现在，当我单击并导航到该 url 时，我可以查看数据（即 runescape url）

我做错了什么？

Answer 1

"Uncaught SyntaxError: Unexpected token :".

听起来第三方 API 不支持JSONP，因为这是当您尝试将 JSON 视为 JSONP 时出现的错误。请记住，JSONP 要求两端合作。

查看相关 API 的文档，它可能不支持 JSONP，可能通过不同的端点支持它，可能需要一个参数告诉它您想要 JSONP（尽管通常他们只查找 callback 请求参数jQuery 会自动添加）等。

只是为了完整性：服务器端需要知道发生了什么的原因是它需要发回不同的响应。这是一个 JSON 响应示例：

{"someProperty":"someValue"}

这是它的 JSONP 版本：

someFunctionName({"someProperty":"someValue"})

...其中someFunctionName 由调用者 通过请求参数定义。服务器必须查找参数并在生成响应时使用它。这是因为 JSONP 不是 ajax，严格来说，这就是为什么它不受通常规则 ajax 调用的 SOP 的约束。