如何使用 javascript 和/或 jquery 从外部 url 获取 json？

Question

我试图从此网址获取一些 json ： http:// /api.conceptnet.io/query?rel=/r/UsedFor&limit=3

我有一个调用函数“jsonplz()”的按钮，该按钮应该向我发出有关获取的警报json。

我的javascript看起来像这样：

<script src="http://code.jquery.com/jquery-3.3.1.min.js">
</script>
<script>
function jsonplz(){
        $.getJSON("http://api.conceptnet.io/query?rel=/r/UsedFor&limit=3?callback=?",function(json){
        console.log(json);
        });
}
</script>

如你所见，我试图获取jsonp，因此为什么我在url末尾添加“？callback=？”，否则如果我试图将其获取为json，我的浏览器会阻止我。

问题是：它仍然不起作用。当我调用 jsonplz() 时，我在 Firefox 控制台上收到此错误：

警告：来自的脚本“https://api.conceptnet.io/query?rel=/r/UsedFor&limit=3?callback=jQuery331030366838930478535_1646253265514&_=1646253265515”已加载，即使其 MIME 类型（“application/json”）不是有效的JavaScript MIME 类型。

错误：未捕获的语法错误：意外标记：'：'

任何解决此错误的解决方案或任何其他方式从外部网址检索 json 而不下载额外的第三方软件是赞赏

Answer 1

正如你所看到的，我试图以 jsonp 的形式获取，因此为什么我在 url 末尾添加了“ ?callback=? ”

服务器不支持 JSONP（也不应该，这是一个肮脏的黑客行为安全问题，我们现在有 CORS）。

要么：

• 更改服务器以支持 JSONP（不推荐；见上文）
• 删除 ?callback=? 并更改服务器以授予 JS 使用 CORS 读取数据的权限
• 不要直接从客户端（例如通过您自己的服务器代理它）。