So senden Sie einen HTTP-request mit header-parameter?

Ich bin sehr neu in javascript und web-Programmierung im Allgemeinen, und ich brauche etwas Hilfe mit diesem. Ich habe eine HTTP-Anfrage, die ich brauche zu senden Via javascript und bekommen müssen, speichern Sie die Ausgabe in eine variable. Ich habe versucht, mit Hilfe nur der Aufruf-url:

https://api.fantasydata.net/nfl/v2/JSON/PlayerSeasonStats/2015

Aber es gibt einen Authentifizierungs-Fehler, da ich nicht senden mein API-key und es nicht zeigen Sie mir, wie es nur in der URL. Der API-key hinterlegt ist, als ein Kopf-und nicht einen paramater und ich bin mir nicht sicher, was zu tun. Ich habe versucht mit der XMLHttpRequest() Klasse, aber ich bin mir nicht ganz sicher, ob ich verstehe genau, was Sie tut, noch konnte ich es zu arbeiten.

Dem eigentlichen HTTP-Request 

GET https://api.fantasydata.net/nfl/v2/JSON/PlayerSeasonStats/2015 HTTP/1.1
Host: api.fantasydata.net
Ocp-Apim-Subscription-Key: ••••••••••••••••••••••••••••••••

Brauche ich nur, um herauszufinden, wie Sie senden Sie diesen Antrag zusammen mit dem Schlüssel und wie bewahren Sie die JSON-doc gibt es als variable in javascript.

EDIT: Dies ist, was ich habe, so weit:

function testingAPI(){
var key = "8a1c6a354c884c658ff29a8636fd7c18";
httpGet("https://api.fantasydata.net/nfl/v2/JSON/PlayerSeasonStats/2015",key    );
alert(xmlHttp.responseText);
var x = 0;
}

function httpGet(theUrl,key)
{
var xmlHttp = new XMLHttpRequest();

xmlHttp.open( "GET", theUrl, false ); //false for synchronous request
xmlHttp.setRequestHeader("Ocp-Apim-Subscription-Key",key);
xmlHttp.send( null );
return xmlHttp.responseText;
}

Danke!

  • Wo ist dein code-Anfrage senden?
  • Sorry, nur fügte hinzu, es!
InformationsquelleAutor Faraz Ahsan | 2015-12-16
  1. 9

    Wenn er sagt, der API-Schlüssel aufgeführt wird, einen header, mehr als wahrscheinlich, müssen Sie es in der headers Möglichkeit, Ihre http-Anforderung. Der Regel so etwas wie dieses :

    headers: {'Authorization': '[your API key]'}

    Hier ist ein Beispiel aus einem anderen Frage

    $http({method: 'GET', url: '[the-target-url]', headers: {
  'Authorization': '[your-api-key]'}
});

    Edit : sah Gerade wollte Sie zum speichern der Antwort in einer Variablen. In diesem Fall würde ich wahrscheinlich nur AJAX verwenden. So etwas wie dieses :

    $.ajax({ 
   type : "GET", 
   url : "[the-target-url]", 
   beforeSend: function(xhr){xhr.setRequestHeader('Authorization', '[your-api-key]');},
   success : function(result) { 
       //set your variable to the result 
   }, 
   error : function(result) { 
     //handle the error 
   } 
 });

    Ich habe diese aus diese Frage und ich auf der Arbeit bin, so kann ich nicht testen im moment, aber sieht solide

    Edit 2: Ziemlich sicher, dass Sie sollten in der Lage sein, verwenden Sie diese Zeile :

    headers: {'Authorization': '[your API key]'},

    statt der beforeSend Zeile in der ersten Bearbeitung. Dies kann einfacher sein für Sie

    • Also das macht Sinn, aber wie würde ich integrieren diese in meine javascript-Datei?
    • War die Bearbeitung meiner Antwort, da Ihr kommentiert, hoffe die können klar einige Sachen. Sie können nur Platz, AJAX-request, wo Sie brauchen, um die Informationen in Ihre JS-Datei. Ich persönlich mag Sie in Ihren eigenen Funktionen
    • Ich werde es jetzt versuchen! Ich danke Ihnen so sehr
    • anstelle der Verwendung von beforeSend ziemlich sicher, dass Sie können verwenden Sie einfach die überschriften in der obersten Zeile meiner Antwort. Das kann leichter sein, und ich werde es hinzufügen, um der Unterseite der Antwort
    InformationsquelleAutor Danny H
  2. 1

    Mit Ihrem eigenen Code und ein Leichte Veränderung ohne jQuery,

    function testingAPI(){ 
    var key = "8a1c6a354c884c658ff29a8636fd7c18"; 
    var url = "https://api.fantasydata.net/nfl/v2/JSON/PlayerSeasonStats/2015";
    console.log(httpGet(url,key)); 
}


function httpGet(url,key){
    var xmlHttp = new XMLHttpRequest();
    xmlHttp.open( "GET", url, false );
    xmlHttp.setRequestHeader("Ocp-Apim-Subscription-Key",key);
    xmlHttp.send(null);
    return xmlHttp.responseText;
}

    Danke

    • Diese Antwort hat eine erschreckend kleine Menge Anstrengung darin. Ich weiß nicht, was Sie sich von der code in die Frage oder warum. Bitte mehr klar mit Ihren Antworten in die Zukunft und erklären Sie den Grund für eventuelle änderungen.
    • [Deprecation] Synchronen XMLHttpRequest-über den Haupt-thread veraltet ist, wegen seiner schädlichen Auswirkungen auf die Endbenutzer. Für weitere Hilfe, check xhr.spec.whatwg.org.
    InformationsquelleAutor Shashank
Schreibe einen Kommentar