使用带有多个标题的javascript中的POST

我试图返回API数据，我有密钥和用户名，任何人都可以给我

Javascript

code到

console.log

返回的对象

---

您发布的链接指定

向每个客户端发送一个API密钥，该密钥作为一个必需的命名头传递到请求中，如下所示：

名称：x-api-key
值：{提供的API密钥}

因此，您必须将这个头添加到您的请求中，并提供您所获得的API密钥

如果要继续使用XHR，请将其添加为添加

内容类型

标题：

xhr.setRequestHeader（“x-api-key”，“将api密钥放在这里”）；

在我看来，使用XHR比使用经典的XHR容易得多。 它应该允许您用以下内容替换所有代码段：

fetch（'https://driver-vehicle-licensing.api.gov.uk/vehicle-enquiry/v1/vehicles', {
方法：“POST”，
标题：{
“内容类型”：“应用程序/json”，
“x-api-key”：“将api密钥放在这里”，
},
正文：JSON.stringify（{registrationNumber:'rf23mzv'}），
})
.then（res=>res.json（））
.then（console.log）

    button.onclick = function(){
        var reg = document.getElementById("symb").value;
    document.getElementById("databox").innerHTML = " ";
    
    var xhr = new XMLHttpRequest();
    var url = "url";
    xhr.open("POST", url, true);
    xhr.setRequestHeader("Content-Type", "application/json")
    xhr.setRequestHeader("user","my name");
    xhr.onreadystatechange = function () {
        if (xhr.readyState === 4 && xhr.status === 200) {
            var json = JSON.parse(xhr.responseText);
            console.log(json.email + ", " + json.password);
        }
   };
var data = JSON.stringify({"registrationNumber": "rf23mzv"});
xhr.send(data);

}