javascript - 调用一次从 API 获取数据

Fetch 通常用于从 api 中检索数据。但是如果你想在代码文件的每一行中检索这些数据,你必须一次又一次地键入 fetch 并遍历这些数据。但是如果我只想调用其中的一部分,例如用户名。看例子:

fetch ('/ API')
         .then ((res) => res.json ())
         .then ((data) => {
         let output = 'Here is my output<br />';
         data.forEach (function (item)
         {
         output + = `$ {item.username}`;
         })
         document.getElementById ('here'). innerHTML = output;

         })

如果我想在文件中的每个地方调用 $ {item.username} 而不调用 fetch。 如何将这些数据保存在变量中并在每次需要时调用它。 抱歉我的英语不好。

最佳答案

But if you want to retrieve this data in every line of the code file, you have to type fetch again and again and iterate through these data.

您可以调用一次获取并将响应保持在您的本地状态,用户名之类的东西通常保持不变,因此您不应该再次调用该端点只是为了获取用户名,因为您可以从之前的响应中获取它。

这取决于您的框架,但您可以在第一次调用时编写 window.username = usernameFromFetch,这样您就可以在任何地方访问它(这不是最好的方法,但它会起作用).

https://stackoverflow.com/questions/60464064/

相关文章:

flutter - 是否可以通过 UDP/TCP 从 flutter 应用程序向 .NET 应用程序

android-studio - 如何禁用 Android-Studio 3.6 中引入的多预览功能

reactjs - 故事书:ReferenceError: Jest 未定义

reactjs - 清理本地存储后如何进行重定向?

java - 使用 Jacoco Agent 远程触发 jacoco 执行数据转储

json - 将 GeoJSON 文件导入 React-Leaflet

r - 在 Shiny 的服务器上增加堆栈维度

imagemagick - 由于 magick_image_readpath 中的错误,无法将 ka

angular - 从 Nebular NbTreeGridComponent 更改列的宽度

django - 发出命令时出现静态错误 "python manage.py collectstat