如何在Javascript中使用API键?

如何在Javascript中使用API键?,javascript,api,Javascript,Api,我一直在试图弄清楚如何使用,但我不确定需要用您的个人Api密钥填充TRN Api密钥头意味着什么。。我将在哪里执行此操作以从API获得结果?如果我只是尝试在浏览器中填写API url的所有内容,它不会给我响应,因为我需要API密钥,但我无法将其放入url中,至少它没有说明如何/在何处放置它。所以我只是想知道如何把API键放进去,让我看到结果?谢谢各位: 以下是我尝试使用的API: 顺便说一句,我正试图用HTML和Javascript/jQuery来实现这一点。您可以使用jQuery的.ajax,

我一直在试图弄清楚如何使用,但我不确定需要用您的个人Api密钥填充TRN Api密钥头意味着什么。。我将在哪里执行此操作以从API获得结果?如果我只是尝试在浏览器中填写API url的所有内容,它不会给我响应,因为我需要API密钥,但我无法将其放入url中,至少它没有说明如何/在何处放置它。所以我只是想知道如何把API键放进去,让我看到结果?谢谢各位:

以下是我尝试使用的API:


顺便说一句,我正试图用HTML和Javascript/jQuery来实现这一点。

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


您可以在他们的站点上使用BF1跟踪器代码示例,并且有许多不同语言的示例。正如您所问的关于jQuery的问题,我直接从trnbattlefield复制了代码,并添加了api密钥

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。

查看jQuery ajax中的headers部分,以发送TRN api密钥头。