Question

对新手问题很抱歉。

我是使用API的新手，我想从这里获取数据 https://api.guildwars2.com/v2/commerce/prices/24615（尤其是卖出的单价：），并以HTML格式显示。

该项目将使用大约100个id的单价数据，我想整理这些数字并对其进行一些基本的数学运算。

我该怎么办？

fetch('https://api.guildwars2.com/v2/commerce/prices/24615')
  .then(function(response) {
    return response.json();
  })
  .then(function(myJson) {
    console.log(JSON.stringify(myJson));
  });

到目前为止，我可以将数据输入控制台，但是我不确定如何将其转换为可以使用的内容。

Answer 1

忽略这些愚蠢的主持人。

在您的回调函数中，您登录myJson的位置，编辑您先前创建的html文件，例如，如果您在响应函数中有一个div <div id="myDiv"> </div>，请执行以下操作

const myDiv = document.getElementById("myDiv")
myDiv.textContent = myJson.name

并且您的div将显示来自json的名称，或您需要的任何名称。尝试这些想法，您将获得成功

Answer 2

jQuery中具有进行API调用的功能，以下代码使您可以访问api数据，

$(document).ready( function() {
var info;
var whitelisted; 
var quantity;
$.get("https://api.guildwars2.com/v2/commerce/prices/24615",function(obj){
    info = obj['id'];
    whitelisted = obj["whitlelisted"]
    quantity = obj.buys['quantity']
    $("#id1").html("id :"+info);
    $("#whitelist").html("whitelisted :"+whitelisted);
    $("#quan").html("quantity :"+quantity);
  });
});

有关更多信息，您可以查看下面的笔link to the code

将API数据转换为HTML

2 个答案: