从 URL 解析 JSON 并在 JavaScript 中获取值答案

【问题标题】：Parsing JSON from URL and getting values in JavaScript从 URL 解析 JSON 并在 JavaScript 中获取值
【发布时间】：2023-03-08 10:21:01
【问题描述】：

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>Get JSON from URL - Test</title>
  <script src="http://code.jquery.com/jquery-2.1.1-rc2.js"></script>
</head>
<body>

<p id="testjson"></p>

<script>
  var bpAPI = "http://backpack.tf/api/IGetPrices/v4/?key=55b0c2a2ba8d88e10a8b45a6";

  $.getJSON(bpAPI, function(json) {
    document.getElementById("testjson").innerHTML = "Price: " + json.response.items['A Brush with Death'].prices['6'].Tradable.Craftable['0'].value;
  });
</script>

</body>
</html>

在解决了我之前的问题后，我遇到了另一个问题。我试图从 URL 加载 JSON，然后获取我想要的值。问题是，我的代码似乎不起作用。我得到的只是一个空白页面。

【问题讨论】：

您的控制台中显示了什么？你试过调试吗？

标签： javascript html json parsing

【解决方案1】：

将您的代码放入this codepen，一旦我开始使用JSONP 获取数据，它就可以正常工作。这意味着您遇到了跨域域问题。

在这段代码中使用 JSONP 就像添加 callback=?到网址：

var bpAPI = "http://backpack.tf/api/IGetPrices/v4/?key=55b0c2a2ba8d88e10a8b45a6&callback=?";

不过请放心，使用 JSONP 存在已知的安全问题

另外，您使用的服务似乎很慢，在我的连接上加载响应需要 5.77 秒，所以您可能需要一点时间才能看到它显示出来

【讨论】：