网络技术问题 | JavaScript 课程测验 2 | 问题 9

问题描述

在 JavaScript 中，以下哪种方法可以通过 AJAX 发送 HTTP 请求？

A. fetch()

B. XMLHttpRequest

C. axios()

D. jQuery.ajax()

请从以上选项中选择正确答案。

解答

正确答案是 B. XMLHttpRequest。

在 JavaScript 中，XMLHttpRequest 对象是通过 AJAX 发送 HTTP 请求最常用的方法之一。它可以用于从服务器上请求数据，而无需刷新整个页面。

使用 XMLHttpRequest 对象，您可以：

• 向服务器发送请求
• 接收服务器响应
• 更新页面内容，而无需刷新整个页面

以下代码片段展示了如何使用 XMLHttpRequest 对象发送一个简单的 AJAX 请求：

var xhr = new XMLHttpRequest();
xhr.open('GET', '/api/users', true);
xhr.onload = function () {
  if (xhr.status === 200) {
    var users = JSON.parse(xhr.responseText);
    console.log(users);
  } else {
    console.log('请求失败。');
  }
};
xhr.send();

在上面的代码中，我们首先通过 new XMLHttpRequest() 创建了一个 XMLHttpRequest 对象。然后，我们使用 xhr.open() 方法打开一个 GET 请求，并指定了请求的 URL。这里，我们指定了一个相对 URL /api/users，您可以根据自己的服务器端代码来修改这个 URL。

接下来，我们使用 xhr.onload 方法指定了一个回调函数。当 AJAX 请求完成后，该回调函数将被调用。在该回调函数中，我们首先检查了响应状态码，如果状态码是 200，则表示请求成功，我们可以通过 JSON.parse() 方法解析响应文本，并将其打印出来。

最后，我们通过 xhr.send() 方法发送了请求。这将触发 AJAX 请求，并将响应内容返回给回调函数。

总之，XMLHttpRequest 对象是一个非常方便的 AJAX 工具，它可以让您轻松地与服务器交互，而无需刷新整个页面。除了 XMLHttpRequest，其他选项也都是一些经典的 JavaScript AJAX 库，如 fetch、axios 和 jQuery.ajax()。