如何在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。