gpt4 book ai didi

javascript - 我可以在尝试预加载 XHR 数据时添加自定义标题吗?

转载 作者:行者123 更新时间:2023-12-03 16:56:36 25 4
gpt4 key购买 nike

我正在从 JS 代码中触发 XHR。这个渲染阻塞 XHR 在每次页面加载时触发,所以我想在页面生命周期的早期获取它,与 JS 和 CSS 资源并行。在我的index.html ,我将添加以下代码:

<head>
<link rel="stylesheet" href="style.css">
<link rel="preload" as="fetch" href="/xhr-to-be-fetched-early">
</head>
XHR 请求需要一些自定义 header ,例如 authorization & Accept .有什么方法可以将这些标题添加到 link标签,是在 HTML 本身内部还是通过 JS?还是无法缓存此类请求?

最佳答案

您不能真正将标题添加到 <link>标记,但您可以阻止页面加载任何内容,直到获取资源。
看到这样的东西:

const promiseOfSomeData = fetch("URL.com", { 
// This is where you set the headers
headers: {
'X-My-Cool-Header': 'here'
}
}).then(data => {
return data;
});
window.onload = async () => {
let someData = await promiseOfSomeJsonData;
console.log(someData)
};
How can I make "onload" waiting for "fetch" complete?

关于javascript - 我可以在尝试预加载 XHR 数据时添加自定义标题吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66649509/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com