Wie verwende ich den API-Schlüssel in Javascript?

Question

Ich habe versucht, herauszufinden, wie man this API verwenden, aber ich bin mir nicht sicher, was es bedeutet, "den TRN-Api-Key-Header mit Ihrem persönlichen API-Schlüssel zu füllen.". Wo würde ich dies tun, um Ergebnisse von der API zu erhalten? Wenn ich nur versuche, die API-URL mit all den Dingen zu füllen, die in meinem Browser ausgefüllt sind, gibt es keine Antwort, da ich den API-Schlüssel benötige, aber ich kann ihn nicht in die URL schreiben (zumindest sagt er nichts wie/wo man es hinstellt). Ich habe mich also gefragt, wie ich den API-Schlüssel einfügen soll, damit ich die Ergebnisse sehen kann? Danke :)

Hier ist die API ich zu verwenden ist versucht: http://docs.trnbattlefield.apiary.io/#

BTW, ich versuche, dies zu tun mit HTML und Javascript/jQuery.

Answer 1

Sie können jAQuerys .ajax() anstelle von say .get() verwenden, was sowieso nur ein dünner Wrapper um .ajax() ist. .ajax() gibt Ihnen einen optionalen Parameter headers Parameter, wo Sie benutzerdefinierte Header hinzufügen können, z. B. einen mit Ihrem persönlichen API-Schlüssel. Header sind nicht Teil der URL-Adresse selbst.

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

Answer 2

können Sie den Code BF1 Tracker verwenden Beispiele auf ihrer Website, und haben viele Beispiele in verschiedenen Sprachen. Wie Sie zu jQuery gefragt haben, habe ich den Code direkt von trnbattlefield kopiert und den api-Schlüssel hinzugefügt.

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(); 

Beachten Sie, dass dies die 'DetailedStats' API verwendet.