在 JavaScript 中获取 Request 对象有 4 种方法：使用 fetch API、监听 fetch 事件、使用 XMLHttpRequest 对象以及使用 Service Worker。获取后可访问请求信息，如 URL、方法、头信息和正文。
如何在 JavaScript 中获取 Request 对象
在 JavaScript 中获取当前请求的 Request 对象有以下几种方法：
fetch API对于使用 fetch API 发出的请求，可以通过以下方法访问 Request 对象：
<code class="javascript">fetch('https://example.com/api/users')
.then(response => {
const request = response.request;
});</code>fetch 事件当页面中的任何位置发出 fetch 请求时，可以通过监听 fetch 事件来获取 Request 对象：
<code class="javascript">window.addEventListener('fetch', event => {
const request = event.request;
});</code>XMLHttpRequest 对象对于使用 XMLHttpRequest 对象发出的请求，可以通过以下方法访问 Request 对象：
<code class="javascript">const xhr = new XMLHttpRequest();
xhr.open('GET', 'https://example.com/api/users');
const request = xhr.request;</code>对于 Service Worker，可以通过监听 fetch 事件来获取 Request 对象：
<code class="javascript">self.addEventListener('fetch', event => {
const request = event.request;
});</code>获取 Request 对象后，可以访问以下信息：
url: 请求的 URLmethod: 请求方法headers: 请求头body: 请求体（如果存在）cache: 缓存策略mode: 请求模式credentials: 凭据信息redirect: 重定向信息referrer: 引用来源信息以上就是js中如何获取request的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
609
收藏
