在前端开发中，XMLHttpRequest（XHR）对象是处理异步通信的关键。在 Deno 中，我们同样可以使用该对象进行网络请求，本文将为你介绍如何在 Deno 中创建一个 XMLHttpRequest 对象，并发送网络请求。
XMLHttpRequest 是什么？
XMLHttpRequest 是一种浏览器内置的对象，它可以通过 JavaScript 向服务器发送 HTTP 请求并接收响应数据。XHR 可以用于异步传输数据，在不重新加载整个页面的情况下更新网页。XHR 可以发送任何类型的数据，并可以生成多种格式的响应数据，如 HTML、XML、JSON 等。
在 Deno 中创建 XMLHttpRequest 对象
在 Deno 中，我们可以使用 fetch() 方法发送网络请求，但如果我们需要更细致地控制请求的过程和细节，我们可以使用 XMLHttpRequest 对象。下面是一个简单的例子：
const xhr = new XMLHttpRequest();
xhr.open("GET", "https://api.github.com/users/octocat");
xhr.responseType = "json";
xhr.onload = () => {
console.log(xhr.response);
};
xhr.send();在上面的代码中，我们首先创建了一个新的 XMLHttpRequest 对象。然后使用 open() 方法设置请求类型（这里是 GET 请求）和请求的 URL。然后我们设置 responseType 属性为 "json"，这表示我们期望响应是 JSON 格式的数据。然后我们定义 onload 回调函数，一旦请求成功，该函数会被调用。最后，我们使用 send() 方法发送请求。
在示例代码中，我们向 GitHub API 发送了一个 GET 请求，请求 octocat 用户的信息。请求完成后，我们将响应的数据打印到控制台上。
深入学习：XMLHttpRequest 对象的属性和方法
在我们熟悉了 XMLHttpRequest 对象的基本使用之后，我们可以深入学习该对象支持哪些属性和方法。下面是一些常用的属性和方法：
属性
response: 请求返回的响应数据。responseType: 响应的数据类型。可以是"text"、"document"、"json"、或"arraybuffer"。默认值是"text"。withCredentials: 是否发送凭据（cookie、授权 HTTP 头等）。默认为 false。status: 响应状态码。statusText: 响应状态码的描述信息。
方法
open(method, url, [async, username, password]): 初始化一个请求。参数method为请求方法，url为请求的 URL。async表示是否采用异步方式，可选，默认为 true。username和password是可选的身份验证信息。send([body]): 发送请求。可选参数body可以包含请求 body 的数据。setRequestHeader(name, value): 设置请求头信息。abort(): 终止当前请求。
总结
本文介绍了在 Deno 中如何创建一个 XMLHttpRequest 对象以及发送网络请求，并且深入学习了该对象的属性和方法。无论是在前端还是在 Deno 中，XMLHttpRequest 都是处理异步通信的关键对象，掌握它的基本使用和特性对于我们开发前端应用至关重要。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64d0495fb5eee0b52573f1ff