如何发送带有 header 参数的 HTTP 请求？

一般来说，我对 javascript 和网络编程非常陌生，我需要一些帮助。我有一个 HTTP 请求，需要通过 javascript 发送，并需要将输出存储在变量中。我尝试仅使用呼叫网址：

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

但它返回一个身份验证错误，因为我没有发送我的 API 密钥，并且它没有向我展示如何仅在 URL 中执行此操作。 API 密钥被列为标头而不是参数，我不知道如何处理它。我尝试使用 XMLHttpRequest() 类，但我不太确定我是否完全理解它的作用，也不能让它工作。

实际的 HTTP 请求

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

我只需要弄清楚如何与密钥一起发送该请求以及如何将其返回的 JSON 文档作为 JavaScript 中的变量进行存储。

编辑：这是我到目前为止所拥有的：

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;
}

谢谢你！

如果它说 API 密钥被列为标头，那么您很可能需要在headers您的 http 请求的选项。通常是这样的：

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

这是另一个例子Question https://stackoverflow.com/questions/11876777/set-http-header-for-one-request

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

Edit :刚刚看到您想将响应存储在变量中。在这种情况下，我可能只会使用 AJAX。像这样的东西：

$.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 
   } 
 }); 

我从那里得到这个这个问题 https://stackoverflow.com/questions/3258645/pass-request-headers-in-a-jquery-ajax-get-call我正在工作，所以目前无法测试，但看起来很可靠

Edit 2:很确定你应该能够使用这一行：

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

而不是beforeSend第一次编辑中的行。这对你来说可能更简单