问题标签 [fetch-api]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
11 回答
267343 浏览

javascript - 如何使用 JS fetch API 上传文件?

我仍然试图绕过它。

我可以让用户使用文件输入选择文件(甚至多个):

我可以submit使用<fill in your event handler here>. 但是一旦我这样做了,我该如何使用发送文件fetch

0 投票
1 回答
563 浏览

service-worker - 如何知道 Event.respondWith 已经完成(Event.respondWith() 的回调

目前我在 ServiceWorker 中有一个逻辑,我需要在 Service Worker 中检查特定 event.respondWith() 是否已完成,只有在那之后我才需要删除缓存。有什么方法可以知道。我检查了那个事件.respondWith() 没有 then() 或 callback 。

0 投票
1 回答
1864 浏览

javascript - 在 Service Worker 中获取 API 错误

我正在尝试从 LastFM API 缓存图像。现在,API 响应本身被很好地缓存并且页面按预期加载,但是没有图像。

查看开发人员控制台,我可以看到一些关于检索图像的错误,它们如下:

Fetch API 无法加载http://img2-ak.lst.fm/i/u/300x300/a32cb06bb22bc5d10654a5156fe78cf6.png。父文档页面已卸载。

我对服务人员很陌生,这让我把头发扯掉了(不,不是字面意思)。

我已经学习了几个教程,这是我到目前为止得到的代码(不相关的代码已被删除)。

我显然做错了什么,但是任何比我更有经验的人可以解释它是什么吗?

0 投票
2 回答
2510 浏览

javascript - 如何使用 window .fetch 加载本地 json 数据(ES6)

我有一个使用 ES6 语法(通过 webpack 使用 json-loader)加载的 JSON 对象(agendaItemsJson)。使用以下内容会产生错误,因为 fetch 正在尝试解析 URL 而议程项目Json 是一个对象。

所以我的问题是我怎样才能正确地模仿这一点,以便我能够使用承诺并获得议程项目Json 作为我的回应。

0 投票
2 回答
2017 浏览

javascript - React Native Fetch:第二个承诺挂起

React Native 的 fetch 出现了奇怪的问题。它以前工作过,不确定我改变了什么,但它停止工作了。

问题是我看到了第一个“得到登录响应”消息,但是它只是挂起,直到我按下它触发“得到登录 json”并按预期继续的屏幕之前什么都没有发生。

这令人沮丧,因为这种情况一直在发生,我不明白为什么第二个 .then() 没有自动触发。

任何帮助深表感谢。

编辑:发现了一个类似的问题:什么可能导致反应原生的这种缓慢获取?

似乎已经在查看:https ://github.com/facebook/react-native/issues/6679

此外,只有在启用 Chrome 调试工具时才会看到这种行为......有趣

0 投票
4 回答
134672 浏览

cors - 什么是不透明响应,它的用途是什么?

我尝试fetch了一个旧网站的URL,并且发生了错误:

我理解了该消息,并尝试执行一个返回不透明响应的请求:

好的,它现在可以工作了......但我无法阅读它。=\

那么,不透明响应的目的是什么?

0 投票
3 回答
52420 浏览

javascript - Javascript 中 fetch 的相对路径

今天,我对 Javascript 中的相对路径的体验感到惊讶。我将情况归结为以下几点:

假设您有一个目录结构,例如:

app.html所做的就是跑js/app.js

app.js加载 JSON 文件并将其粘贴在开头body

数据是有效的 JSON,只是一个字符串:

这是 . 的最小用法fetch,但令我惊讶的是,我传递给的 URLfetch必须是相对于app.html而不是相对于app.js. 我希望这条路径能够正常工作,因为data.jsonapp.js位于同一目录 ( js/) 中:

有没有解释为什么会这样?

0 投票
0 回答
307 浏览

web-scraping - 获取 API 和 CasperJS

我正在尝试做一些与这个线程非常相似的事情,除了 Web 应用程序(用 React 编写)使用Fetch API来进行异步调用而不是 XHR。

有没有一种优雅的方式来拦截/覆盖获取?基本上我想查看站点正在执行的每个 AJAX 调用并从那里获取数据。事后我可以像网站上显示的那样抓取它,但我们都知道 JSON 比 HTML 更容易处理。该网站是 STATEFUL,所以我不能只是重新发送 URL。

我试着写一个像这样的包装器:

但是我收到“无标题套件”错误,并且找不到任何我可以 require() 来实现 Fetch 的东西。

有什么想法吗?谢谢!

0 投票
1 回答
19709 浏览

javascript - Upload file with Fetch API in Javascript and show progress

I'm using Fetch API in Javascript to upload big file to server. Is there any event in Fetch API that I could use to track progress of upload?

0 投票
1 回答
2187 浏览

javascript - ASP.NET MVC - 自动反序列化 JSON Fetch POST

我正在使用github/fetch polyfill将一些数据发布回服务器。

但是控制器不会像从表单变量中那样自动将请求的主体反序列化为参数中的数据对象。但是,如果我使用 XmlHttpRequest 执行此操作,它可以工作..

目前在控制器中接收请求的函数非常简单——它什么都不做,我只是想让它立即使用以下命令将 json 主体反序列化为数据对象:

所以是的,我可以使用 json 库在函数中自己反序列化它,但我宁愿找到一种方法让控制器为我做这件事。

更新:

这是我要反序列化的 .net 对象: