如何在Javascript中正确分配获取请求的头部

// 创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();

// 设置请求头部
xhr.setRequestHeader("Content-Type", "application/json");
xhr.setRequestHeader("Authorization", "Bearer your_token");

// 监听请求完成事件
xhr.onload = function() {
  if (xhr.status === 200) {
    // 请求成功处理响应
    var response = JSON.parse(xhr.responseText);
    console.log(response);
  } else {
    // 请求失败处理错误
    console.error(xhr.statusText);
  }
};

// 发送请求
xhr.open("GET", "https://api.example.com/data", true);
xhr.send();

// 设置请求头部
var headers = new Headers();
headers.append("Content-Type", "application/json");
headers.append("Authorization", "Bearer your_token");

// 发送请求
fetch("https://api.example.com/data", {
  method: "GET",
  headers: headers
})
.then(function(response) {
  if (response.ok) {
    // 请求成功处理响应
    return response.json();
  } else {
    // 请求失败处理错误
    throw new Error("Request failed with status: " + response.status);
  }
})
.then(function(data) {
  console.log(data);
})
.catch(function(error) {
  console.error(error);
});