如何在Javascript中使用API​​密钥？

Question

我一直试图弄清楚如何使用this API，但我不确定这是什么意思需要＆＃34;用您的TRN-Api-Key标头填充个人API密钥。＆＃34;。我将从哪里获取API的结果？如果我只是尝试将API网址与浏览器中填写的所有内容放在一起，那么因为我需要API密钥而无法给我回复，但我无法将其放入网址中（至少它是＆ ＃39;没有说明如何/在哪里放置它）。所以我只是想知道如何将API密钥放入其中以便让我看到结果？谢谢:)）

以下是我尝试使用的API：http://docs.trnbattlefield.apiary.io/#

顺便说一句，我试图用HTML和Javascript / jQuery来做这件事。

Answer 1

您可以在其网站上使用BF1 Tracker代码示例，并提供不同语言的许多示例。正如你对jQuery的询问，我直接从trnbattlefield复制代码并添加了api-key。

var request = new XMLHttpRequest();

request.open('GET', 'https://battlefieldtracker.com/bf1/api/Stats/BasicStats?
platform=3&personaId=xxxxxxxxxx&game=tunguska');

request.setRequestHeader('TRN-Api-Key', 'xxxxxxxxxxxxxxxx');

request.onreadystatechange = function () {
  if (this.readyState === 4) {
    console.log('Status:', this.status);
    console.log('Headers:', this.getAllResponseHeaders());
    console.log('Body:', this.responseText);
  }
};

request.send();

注意，这是使用'DetailedStats'api。

Answer 2

你可以使用jQuery的.ajax（）而不是说.get（），它只是.ajax（）的一个薄包装器。 .ajax（）为您提供了一个可选的headers参数，您可以在其中添加自定义标头，例如带有您的个人API密钥的标头。标头不是URL地址本身的一部分。

http://api.jquery.com/jQuery.ajax/