网络技术问题 | JavaScript 课程测验 1 | 问题 41

欢迎参加 JavaScript 课程测验！在本次测验中，我们将探讨与网络技术相关的问题，特别关注 JavaScript 的应用。问题 41 是本次测验的其中一个问题，下面将介绍该问题的详细内容以及相关的代码片段。

问题描述

问题 41 是关于如何在 JavaScript 中发送 HTTP 请求的问题。请在指定的代码片段中填写正确的代码，以实现通过 GET 请求从指定 URL 上获取数据。

代码片段

下面是题目中给定的代码片段，其中需要填写的地方用 <YOUR CODE HERE> 标明：

const url = '<YOUR URL HERE>';

function getData() {
  // Create a new XMLHttpRequest object
  const xhr = new XMLHttpRequest();
  
  // Configure the request
  xhr.open('<HTTP METHOD HERE>', url, true);
  
  // Set the callback function to handle the response
  xhr.onload = function() {
    if (xhr.status === 200) {
      // Request was successful
      console.log(xhr.responseText);
    } else {
      // Request failed
      console.error('Request failed. Status code: ' + xhr.status);
    }
  };
  
  // Send the request
  xhr.send();
}

// Call the getData function
getData();

问题要求

请在指定的代码片段中填写正确的代码，以实现通过 GET 请求从指定 URL 上获取数据。要求使用 XMLHttpRequest 对象发送请求，并在响应返回时调用适当的回调函数进行处理。

解答示例

以下是一个可能的解答示例，你可以根据自己的需要进行修改和调整：

const url = 'https://api.example.com/data';

function getData() {
  // Create a new XMLHttpRequest object
  const xhr = new XMLHttpRequest();
  
  // Configure the request
  xhr.open('GET', url, true);
  
  // Set the callback function to handle the response
  xhr.onload = function() {
    if (xhr.status === 200) {
      // Request was successful
      console.log(xhr.responseText);
    } else {
      // Request failed
      console.error('Request failed. Status code: ' + xhr.status);
    }
  };
  
  // Send the request
  xhr.send();
}

// Call the getData function
getData();

在上述示例中，我们将 URL 替换为实际的 API 地址，并使用 GET 方法发送了一个请求。在响应返回时，我们在控制台输出了响应的文本内容。

请根据你的实际需求，在代码中进行相应的修改和调整，以实现你自己的功能。

希望这个介绍对你有所帮助，祝你顺利完成 JavaScript 课程测验 1 中的问题 41！如果你对其他 JavaScript 或网络技术有更多的问题，欢迎随时提问。