fetch-api 相关问题

Fetch API https://fetch.spec.whatwg.org是XHR的改进替代品,用于制作异步HTTP请求,同时更好地管理重定向以及与CORS和服务工作者的交互。

HTNL 表单,POST 响应的获取拦截中 json 未定义

使用nodejs提供网页,我几乎从在线示例中逐字复制了示例代码。在 chrome 调试器日志控制台中我收到消息: (索引):83 未捕获(承诺)类型错误:Ca...

回答 1 投票 0

数据加载太快时骨架加载器会闪烁

我正在使用 Vue 3,我尝试在加载数据时为占位符实现一个骨架加载器,如果我在浏览器的“网络”选项卡中打开限制,我可以看到它的工作原理。然而,当

回答 1 投票 0

SvelteKit - API 在 javascript 中正确获取数据,但 UI 无法渲染它

+page.svelte: 从 'svelte' 导入 { onMount }; 让职业= []; const fetchCareers = async () => { const apiUrl = 'http://localhost:4000/api/v1/careers'; ...</desc> <question vote="0"> <p>+page.svelte:</p> <pre><code>&lt;script&gt; import { onMount } from &#39;svelte&#39;; let careers = []; const fetchCareers = async () =&gt; { const apiUrl = &#39;http://localhost:4000/api/v1/careers&#39;; try { const response = await fetch(apiUrl); if (!response.ok) { throw new Error(`HTTP error! Status: ${response.status}`); } const data = await response.json(); careers = data; console.log(&#39;Updated careers:&#39;, careers); } catch (error) { console.error(&#39;Error fetching careers:&#39;, error.message); console.error(error); } }; onMount(fetchCareers); &lt;/script&gt; &lt;h1&gt;Careers&lt;/h1&gt; {#if careers.length &gt; 0} {#each careers as career (career.id)} &lt;p&gt;{career.name}&lt;/p&gt; {/each} {:else} &lt;p&gt;Failed to load careers...&lt;/p&gt; {/if} </code></pre> <p><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tL1R2NmFlLmpwZw==" alt="Image - Browser console fetches data"/></p> <p>careers.length 似乎未定义。想知道我是否错误地使用了 if else 块?我认为这可能是我的 API 的 CORS 问题,但我能够让我的 POST 函数正常工作,所以我不确定为什么名称没有在浏览器中正确呈现?</p> </question> <answer tick="true" vote="0"> <p>屏幕截图显示数据的形状与代码假设的不同。</p> <p>这些物品最终会出现在 <pre><code>careers.data</code></pre> 中,而不是直接出现在 <pre><code>careers</code></pre> 中。</p> </answer> <answer tick="false" vote="0"> <p>好吧,根据 H.B. 的观察得出结论</p> <p>这是我更新的代码,可用于迭代名称:</p> <pre><code>{#if careers.data} {#each careers.data as career} &lt;p&gt;{career.name}&lt;/p&gt; {/each} {:else} &lt;p&gt;Failed to load careers...&lt;/p&gt; {/if} </code></pre> </answer> </body></html>

回答 0 投票 0

当 fetch 调用的状态码为 500 时无法读取响应

我正在对服务进行 Restful 调用并获得 500 状态代码。响应如下所示: { “错误”:正确, "message": "测试错误", 数据:空 } 我是

回答 1 投票 0

如何在浏览器上下载 fetch 返回的 ReadableStream

我正在从服务器接收一个 ReadableStream,它是从我的 fetch 调用返回的。 返回了 ReadableStream,但我不知道如何从这个阶段触发下载。我无法在 href b 中使用 url...

回答 2 投票 0

如何在获取请求中重新加载页面

我想找到一个在删除请求后重新加载页面的解决方案。 问题是重新加载后我无法设置如下值:projectBox.style.display = "block"; 因为浏览器前...

回答 1 投票 0

PUT 400(错误请求)HTTP 错误状态 400

我正在尝试使用此功能更新我的股票数量,它显示 PUT 400(错误请求)。在我后面的终端中,我插入了一个 console.log 来确认 PUT 请求是否为

回答 1 投票 0

React 组件渲染和状态更新问题

问题描述: 我正在构建一个 React 组件,它从 API 获取数据并更新状态。但是,我面临渲染和状态更新的问题。 导入 React, { useSta...

回答 1 投票 0

向 API 发出 POST 请求时出现问题 - 错误 500 和无法识别的令牌

我在 React 应用程序中向 API 发送 POST 请求时遇到问题。尝试保存清单时,我收到 500 服务器错误,在控制台中,我收到以下信息...

回答 2 投票 0

使用 useEffect(带有封闭的 setState 和 fetch)时,使用 async/await 与 Chaining .then 时有什么需要注意的问题吗?(NextJS)

请注意 - 这不是一个关于 async/await 与 .then 的通用 Javascript 问题。如果您对此感到好奇,请查看此处:Difference of using async / wait vs attempts?。 这是一个问题...

回答 1 投票 0

'请求头中没有 Access-Control-Allow-Origin

我已经使用 ASP.NET Core 创建了一个 API,在 Program.cs 中我指定了允许的来源策略,如下所示: var origins = 'allowedOrigins'; builder.Services.AddCors((选项) => { 选项.AddPolicy(

回答 1 投票 0

axios无法获取数据

我在nodejs 中进行了网络抓取。 我正在使用 axios 来获取数据。但由于某种原因,该网站 axios 返回空字符串,但 fetch 有效。 这是我的代码 const 响应 = 等待 axios.g...

回答 1 投票 0

Fetch API 调用会导致新的 Asp.net 会话

我正在我的一个 asp.net mvc 项目中删除 jQuery,转而使用直接的普通 JS。现在我已将 $.ajax POST 调用替换为 Fetch API 调用,每个调用都会触发一个新的

回答 3 投票 0

为什么我获取的以数组形式返回的数据不断收到错误“对象作为 React 子对象无效”

App.tsx 从“react”导入{useEffect,useState}; 导入“./App.css”; 从“./components/userInput”导入 UserInput; 从“./components/

回答 1 投票 0

如何增加节点应用程序中的标头大小

我正在创建一个节点应用程序来读取包含 50k 行的 csv 文件。每行由一个计数器、一个 slug 和一个类别组成。从这个文件中,我获取 slug 并调用 fetch URL 并获取 json

回答 1 投票 0

在 HTML 自定义元素中使用外部数据

我正在创建一个与 Vite 捆绑在一起的简单网站,但没有像 React、Vue、Svelte 等外部框架。该网站具有使用不同数据的重复 HTML 元素。我想使用自定义

回答 1 投票 0

如何修复 Fetch API 中的 CORS 问题

我正在使用reactjs构建一个仅前端的基本天气应用程序。对于 API 请求,我使用 Fetch API。 在我的应用程序中,我通过找到的简单 API 获取当前位置 它给出了位置...

回答 3 投票 0

React:异步和等待不适用于 fetch

我在 Node 服务器上有 API,在调用时返回如下 JSON: {“结果”:[{“产品ID”:1,“产品名称”:“iPhone10”,“产品描述”:“最新

回答 6 投票 0

fetch 和handleFetch 的事件参数 - sveltejs/kit

根据我的观察,有三个函数(handle()、handleFetch()和handleError())被设计用来处理获取请求。这些函数中的每一个都接受一个事件参数,其中包括一个

回答 1 投票 0

应用程序(客户端/服务器)在 Heroku 上托管时无法与 cors 一起使用

我在 Heroku 服务器上运行应用程序时遇到问题;尽管在本地一切正常。 我希望一些专家或第二双眼睛能指出我可能遗漏的东西。 一个...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.