Questions tagged «fetch-api»

我有一些要以表单编码形式发布到服务器的参数： { 'userName': 'test@gmail.com', 'password': 'Password!', 'grant_type': 'password' } 我正在这样发送我的请求（当前没有参数） var obj = { method: 'POST', headers: { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8', }, }; fetch('https://example.com/login', obj) .then(function(res) { // Do stuff with result }); 如何在请求中包含表单编码的参数？

111 javascript  http-post  react-native  fetch-api 

当请求状态大于400（我尝试过400、423、429个状态）时，提取无法读取返回的json内容。浏览器控制台中显示以下错误 未捕获（承诺）TypeError：无法在“ Response”上执行“ json”：主体流已锁定 我显示了返回的响应对象的内容，如下所示： 但是几个月前我仍然可以使用它。 我的问题如下： 这仅仅是Chrome浏览器的行为还是提取标准的更改？ 有什么方法可以获取这些状态的身体含量吗？ PS：我的浏览器版本是Google Chrome 70.0.3538.102（正式版本）（64位）

107 javascript  fetch-api 

我有一个fetch-api POST要求： fetch(url, { method: 'POST', body: formData, credentials: 'include' }) 我想知道默认的超时时间是多少？以及如何将其设置为3秒或不确定的秒之类的特定值？

106 javascript  ajax  fetch-api 

我正在努力查找使用fetch实现上传进度指示器的文档或示例。 这是我到目前为止找到的唯一参考，其中指出： 进度事件是一项高级功能，暂时无法获取。您可以通过查看Content-Length标头并使用直通流监视接收到的字节来创建自己的字节。 这意味着您可以显式地处理响应，而无需进行Content-Length其他操作。当然，即使Content-Length存在，也可能是谎言。使用流，您可以根据需要处理这些谎言。 我将如何编写发送的“用于监视字节的直通流”？如果有什么不同，我正在尝试执行此操作以增强从浏览器到Cloudinary的图像上传。 注意：我对Cloudinary JS库不感兴趣，因为它取决于jQuery，而我的应用程序则不需要。我只对使用本机javascript和Github的polyfill 进行流处理所必需的感兴趣。fetch https://fetch.spec.whatwg.org/#fetch-api

99 javascript  html  fetch-api 

我正在使用fetch polyfill从URL检索JSON或文本，我想知道如何检查响应是JSON对象还是仅文本 fetch(URL, options).then(response => { // how to check if response has a body of type json? if (response.isJson()) return response.json(); });

94 javascript  json  fetch-api 

我正在使用HTML5提取API。 var request = new Request('https://davidwalsh.name/demo/arsenal.json'); fetch(request).then(function(response) { // Convert to JSON return response.json(); }).then(function(j) { // Yay, `j` is a JavaScript object console.log(JSON.stringify(j)); }).catch(function(error) { console.log('Request failed', error) }); 我能够使用普通的json，但无法获取上述api网址的数据。它引发错误： 提取API无法加载https://davidwalsh.name/demo/arsenal.json。请求的资源上不存在“ Access-Control-Allow-Origin”标头。因此，不允许访问源“ http：// localhost ”。如果不透明的响应满足您的需求，请将请求的模式设置为“ no-cors”，以在禁用CORS的情况下获取资源。

87 html  api  url  fetch-api 

不透明响应定义为Fetch API的一部分，表示未启用CORS时对远程源的请求结果。 关于如何使用不透明的响应（无论是来自JavaScript还是作为页面资源）存在哪些实际限制和“陷阱”？

86 javascript  cors  service-worker  fetch-api 

我正在获取这样的URL： fetch(url, { mode: 'no-cors', method: method || null, headers: { 'Accept': 'application/json, application/xml, text/plain, text/html, *.*', 'Content-Type': 'multipart/form-data' }, body: JSON.stringify(data) || null, }).then(function(response) { console.log(response.status) console.log("response"); console.log(response) }) 我的API期望数据是multipart/form-data此类数据，因此我正在使用content-type这种类型...但是它给我一个状态码为400的响应。 我的代码有什么问题？

86 javascript  fetch  fetch-api 

如果要下载文件，在then下面的方框中应该怎么做？ function downloadFile(token, fileId) { let url = `https://www.googleapis.com/drive/v2/files/${fileId}?alt=media`; return fetch(url, { method: 'GET', headers: { 'Authorization': token } }).then(...); } 请注意，代码在客户端。

80 javascript  fetch  fetch-api 

使用fetch('somefile.json')，可以请求从服务器而不是从浏览器缓存中获取文件？ 换句话说，使用fetch()可以绕过浏览器的缓存吗？

77 javascript  html  fetch-api 

我从浏览器发送这样的POST请求： fetch(serverEndpoint, { method: 'POST', mode: 'no-cors', // this is to prevent browser from sending 'OPTIONS' method request first redirect: 'follow', headers: new Headers({ 'Content-Type': 'text/plain', 'X-My-Custom-Header': 'value-v', 'Authorization': 'Bearer ' + token, }), body: companyName }) 在请求到达我的后端时，它既不包含X-My-Custom-Header也不包含Authorization标头。 我的后端是Firebase的Google Cloud函数（基本上只是Node.js端点），如下所示： exports.createCompany = functions.https.onRequest((req, res) => { let headers = ['Headers: …

77 javascript  http  post  cors  fetch-api 

我有一个react / redux应用程序，我正在尝试向服务器发送一个简单的GET请求： fetch('http://example.com/api/node', { mode: "no-cors", method: "GET", headers: { "Accept": "application/json" } }).then((response) => { console.log(response.body); // null return dispatch({ type: "GET_CALL", response: response }); }) .catch(error => { console.log('request failed', error); }); 问题是响应主体在.then()函数中为空，我不确定为什么。我在网上检查了示例，看起来我的代码应该可以正常工作，因此我在这里显然缺少了一些东西。关键是，如果我在Chrome的开发工具中选中了“网络”标签，则发出请求，并且收到了我要查找的数据。 有人能照亮这个吗？ 编辑： 我尝试转换响应。 使用.text()： fetch('http://example.com/api/node', { mode: "no-cors", method: "GET", headers: { "Accept": "application/json" …

73 javascript  fetch-api 

这是我要去的事情： import 'whatwg-fetch'; function fetchVehicle(id) { return dispatch => { return dispatch({ type: 'FETCH_VEHICLE', payload: fetch(`http://swapi.co/api/vehicles/${id}/`) .then(status) .then(res => res.json()) .catch(error => { throw(error); }) }); }; } function status(res) { if (!res.ok) { return Promise.reject() } return res; } 编辑：诺言不会被拒绝，这就是我试图找出的。 我正在Redux和redux-promise-middleware中使用此访存polyfill。

72 javascript  redux  fetch-api