Javascript 将API数据转换为HTML
很抱歉问你这个新手问题 我不熟悉使用API,我想从这里获取数据 (特别是销售:)下的单价)并以HTML显示 这个项目将使用大约100个id的单价数据,我想整理这些数字,并对它们进行一些基本的数学运算 我该怎么办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
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个项目的数据进行数学运算,有什么建议吗?