Fetch API https://fetch.spec.whatwg.org是XHR的改进替代品,用于制作异步HTTP请求,同时更好地管理重定向以及与CORS和服务工作者的交互。
HTNL 表单,POST 响应的获取拦截中 json 未定义
使用nodejs提供网页,我几乎从在线示例中逐字复制了示例代码。在 chrome 调试器日志控制台中我收到消息: (索引):83 未捕获(承诺)类型错误:Ca...
我正在使用 Vue 3,我尝试在加载数据时为占位符实现一个骨架加载器,如果我在浏览器的“网络”选项卡中打开限制,我可以看到它的工作原理。然而,当
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><script> import { onMount } from 'svelte'; let careers = []; const fetchCareers = async () => { const apiUrl = 'http://localhost:4000/api/v1/careers'; 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('Updated careers:', careers); } catch (error) { console.error('Error fetching careers:', error.message); console.error(error); } }; onMount(fetchCareers); </script> <h1>Careers</h1> {#if careers.length > 0} {#each careers as career (career.id)} <p>{career.name}</p> {/each} {:else} <p>Failed to load careers...</p> {/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} <p>{career.name}</p> {/each} {:else} <p>Failed to load careers...</p> {/if} </code></pre> </answer> </body></html>
我正在对服务进行 Restful 调用并获得 500 状态代码。响应如下所示: { “错误”:正确, "message": "测试错误", 数据:空 } 我是
如何在浏览器上下载 fetch 返回的 ReadableStream
我正在从服务器接收一个 ReadableStream,它是从我的 fetch 调用返回的。 返回了 ReadableStream,但我不知道如何从这个阶段触发下载。我无法在 href b 中使用 url...
我想找到一个在删除请求后重新加载页面的解决方案。 问题是重新加载后我无法设置如下值:projectBox.style.display = "block"; 因为浏览器前...
我正在尝试使用此功能更新我的股票数量,它显示 PUT 400(错误请求)。在我后面的终端中,我插入了一个 console.log 来确认 PUT 请求是否为
问题描述: 我正在构建一个 React 组件,它从 API 获取数据并更新状态。但是,我面临渲染和状态更新的问题。 导入 React, { useSta...
向 API 发出 POST 请求时出现问题 - 错误 500 和无法识别的令牌
我在 React 应用程序中向 API 发送 POST 请求时遇到问题。尝试保存清单时,我收到 500 服务器错误,在控制台中,我收到以下信息...
使用 useEffect(带有封闭的 setState 和 fetch)时,使用 async/await 与 Chaining .then 时有什么需要注意的问题吗?(NextJS)
请注意 - 这不是一个关于 async/await 与 .then 的通用 Javascript 问题。如果您对此感到好奇,请查看此处:Difference of using async / wait vs attempts?。 这是一个问题...
'请求头中没有 Access-Control-Allow-Origin
我已经使用 ASP.NET Core 创建了一个 API,在 Program.cs 中我指定了允许的来源策略,如下所示: var origins = 'allowedOrigins'; builder.Services.AddCors((选项) => { 选项.AddPolicy(
我在nodejs 中进行了网络抓取。 我正在使用 axios 来获取数据。但由于某种原因,该网站 axios 返回空字符串,但 fetch 有效。 这是我的代码 const 响应 = 等待 axios.g...
我正在我的一个 asp.net mvc 项目中删除 jQuery,转而使用直接的普通 JS。现在我已将 $.ajax POST 调用替换为 Fetch API 调用,每个调用都会触发一个新的
为什么我获取的以数组形式返回的数据不断收到错误“对象作为 React 子对象无效”
App.tsx 从“react”导入{useEffect,useState}; 导入“./App.css”; 从“./components/userInput”导入 UserInput; 从“./components/
我正在创建一个节点应用程序来读取包含 50k 行的 csv 文件。每行由一个计数器、一个 slug 和一个类别组成。从这个文件中,我获取 slug 并调用 fetch URL 并获取 json
我正在创建一个与 Vite 捆绑在一起的简单网站,但没有像 React、Vue、Svelte 等外部框架。该网站具有使用不同数据的重复 HTML 元素。我想使用自定义
我正在使用reactjs构建一个仅前端的基本天气应用程序。对于 API 请求,我使用 Fetch API。 在我的应用程序中,我通过找到的简单 API 获取当前位置 它给出了位置...
我在 Node 服务器上有 API,在调用时返回如下 JSON: {“结果”:[{“产品ID”:1,“产品名称”:“iPhone10”,“产品描述”:“最新
fetch 和handleFetch 的事件参数 - sveltejs/kit
根据我的观察,有三个函数(handle()、handleFetch()和handleError())被设计用来处理获取请求。这些函数中的每一个都接受一个事件参数,其中包括一个
应用程序(客户端/服务器)在 Heroku 上托管时无法与 cors 一起使用
我在 Heroku 服务器上运行应用程序时遇到问题;尽管在本地一切正常。 我希望一些专家或第二双眼睛能指出我可能遗漏的东西。 一个...