Javascript 将API数据转换为HTML

Javascript 将API数据转换为HTML,javascript,html,json,Javascript,Html,Json,很抱歉问你这个新手问题 我不熟悉使用API,我想从这里获取数据 (特别是销售:)下的单价)并以HTML显示 这个项目将使用大约100个id的单价数据,我想整理这些数字,并对它们进行一些基本的数学运算 我该怎么办 fetch('https://api.guildwars2.com/v2/commerce/prices/24615') .then(function(response) { return response.json(); }) .then(function(myJs

很抱歉问你这个新手问题

我不熟悉使用API,我想从这里获取数据 (特别是销售:)下的单价)并以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));
  });

到目前为止,我可以将数据输入控制台,但我不确定如何将其转化为我可以处理的内容。

忽略这些混蛋版主

在回调函数中,记录myJson,编辑先前创建的html文件, 例如,如果在响应函数中有一个div,
,请执行以下操作

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

您的div将显示来自json的名称,或者任何您需要的名称。玩转这些想法,你会收获很多

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);
  });
});

要了解更多信息,您可以查看以下钢笔

发布的问题似乎根本不包括解决问题的方法。StackOverflow希望您能这样做,因为您的尝试有助于我们更好地了解您的需求。请编辑问题以显示您已尝试过的内容,以便说明您在某个问题中遇到的具体问题。有关更多信息,请参阅并获取.OP从未提及的jQuerySince jQuery也是JS库的一部分,那么answerPart属于哪个库呢?jQuery本身就是一个库,不是JS标准或其他什么东西。它可以完美地提取我需要的单价数据,但是我不知道如何从api中提取多个ID。我需要对大约100个项目的数据进行数学运算,有什么建议吗?