JavaScript 课程测验 2 - 问题 4

欢迎来到 JavaScript 课程测验！本测验的第四个问题涉及网络技术问题。让我们来探讨一下。

问题描述

在你的网页应用程序中，你需要发送一个 HTTP GET 请求并从服务器获取一些数据。你希望使用 JavaScript 来完成这个任务。请编写一个函数，该函数接受一个 URL 作为参数，并返回一个 Promise 对象。

代码示例

下面是一个使用 JavaScript 发送 HTTP GET 请求的示例代码：

function getData(url) {
  return new Promise((resolve, reject) => {
    const xhr = new XMLHttpRequest();
    xhr.open('GET', url);
    xhr.onload = () => {
      if (xhr.status === 200) {
        resolve(xhr.responseText);
      } else {
        reject(new Error(`请求失败 - 状态码: ${xhr.status}`));
      }
    };
    xhr.onerror = () => {
      reject(new Error('网络错误'));
    };
    xhr.send();
  });
}

使用示例

你可以在应用程序中的任何地方调用 getData 函数，并在 then 方法中处理返回的数据，或在 catch 方法中处理错误。

const url = 'https://api.example.com/data';
getData(url)
  .then(data => {
    // 处理返回的数据
    console.log(data);
  })
  .catch(error => {
    // 处理错误
    console.error(error);
  });

使用此示例代码，你可以轻松地发送一个 HTTP GET 请求并处理返回的数据或错误。

希望这个问题可以帮助你在网络技术中使用 JavaScript 发送请求。如果有任何问题，请随时提问。祝你成功！