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

Question

我一直在想弄清楚如何使用this API，但我不确定需要“用您的个人API密钥填充TRN-Api-Key头”意味着什么。我会在哪里做到这一点从API获得结果？如果我只是尝试在浏览器中填写所有内容的API url，它不会给我一个响应，因为我需要API密钥，但是我不能将它放在URL中（至少它没有提及任何内容如何/放在哪里）。所以我只是想知道如何放置API密钥，以便让我看到结果？谢谢:)

这里是我试图使用API​​：http://docs.trnbattlefield.apiary.io/#

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

Answer 1

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

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

Answer 2

您可以使用在其网站上BF1跟踪代码示例，并在不同的语言例子很多。正如你问到关于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。