javascript - 将外部 JSON 文件加载为 javascript 变量

Question

我认为这个问题是微不足道的，但我似乎无法找到答案。一个网站（不同的来源，无法控制）正在提供一些 JSON 文件。我想要我的脚本的一些变量来获取这些文件的内容。我不在乎它是否同步完成。你会怎么走？

Answer 1

使用 JSONP 包括使用您的 url，带参数，并将脚本文件添加到您的页面

www.example.com/process?value=1&callback=Func

将脚本添加到您的页面。

var url = "www.example.com/process?value=1&callback=Func";
var script = document.createElement('script');
script.type= ' text/javascript';
script.src = url;
document.getElementsByTagName("body")[0].appendChild(script);

现在您可以使用回调函数或访问从该脚本添加的变量。

更新

在 jsonp 脚本结束时，您可以调用回调函数 例如：php

<?php
if (isset($_GET['callback'])) {
    echo $_GET['callback']."();";
    // Func(); // will call your function and use your variables.
}

Answer 2

如果远程主机不提供JSONP或CORS，那么您将需要在您自己的域上放置一个服务器端组件，该组件为您获取 JSON 并在本地提供它。