在前端开发中，XMLHttpRequest 必不可少。它是一种在后台与服务器交换数据的技术，可以在不重新加载页面的情况下更新页面数据，极大地提高了用户体验。在 Deno 中处理 XMLHttpRequest 可以使用一个名为 fetch() 的 API，下面我们来详细地了解一下。
什么是 Deno？
Deno 是一个基于 V8 引擎构建的安全 TypeScript 运行时。它是一个新兴的 JavaScript 和 TypeScript 运行时，旨在成为类似 Node.js 的服务器端运行环境。与 Node.js 不同的是，Deno 内置了 TypeScript 和安全机制，几乎不需要第三方库。
fetch() API
fetch() 是一个由 Deno 提供的原生 API，可以在 Deno 中发起 HTTP 请求。它使用 Promise API，支持异步操作，提供了一种良好的方式来处理 XMLHttpRequest。
以下是一个简单的 fetch 请求的示例：
const res = await fetch('https://jsonplaceholder.typicode.com/todos/1');
const json = await res.json();
console.log(json);首先，我们通过 fetch() 方法发送一个 HTTP GET 请求。请求的 URL 是 https://jsonplaceholder.typicode.com/todos/1，它返回一个 JSON 格式响应。然后，我们使用的 json() 方法将响应转换为 JSON 格式数据，最后我们将其打印到控制台。
使用 fetch() 处理 XMLHttpRequest
如果你在 Deno 中需要使用 XMLHttpRequest，可以像下面这样编写代码：
-- -------------------- ---- -------
----- --- - --- -----------------
--------------- ----------------------------------------------- ------
---------- - -- -- -
-- --------------- --- - -- ---------- --- ---- -
------------------------------
- ---- -
------------------------------
-
--
----------- - -- -- -
------------------------------
--
-----------首先，我们创建了一个新的 XMLHttpRequest 对象，然后使用 open() 方法打开一个 URL， true 表示这是一个异步请求。然后，我们为 onload 事件指定回调函数，当请求完成时将触发该函数。在该函数中，我们使用 readyState 和 status 属性检查响应的状态，如果状态为 4（表示已完成）且状态码为 200，则将响应打印到控制台。如果出现错误，则调用 onerror 回调函数。
结论
Deno 是一个强大而安全的 JavaScript 和 TypeScript 运行时，它提供了许多有用的原生 API，包括 fetch()。这些 API 使得在 Deno 中处理 XMLHttpRequest 变得更加容易和高效。
以上是本文对 Deno 中如何处理 XMLHttpRequest 的详细介绍，希望对大家有所帮助。在实际项目中，我们可以结合 fetch 和 Promise API，从而达到更高效、更稳定的 HTTP 请求处理。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66f14e046fbf960197395a49