我正在使用 FETCH API 来获取存储在 json 文件中的值。该值必须进入变量。
问题是 - 变量最终将 [object Object] 作为值。
var title = fetch('URL/out.json', {mode: 'cors'});
在托管 json 文件的服务器的 htaccess 中，有一行
Header set Access-Control-Allow-Origin "*"
json如下
{
lollol
}
我认为json可能是罪魁祸首。
我找不到 [object Object] 成为变量值的原因。
我可以使用 Fetch 获取托管的文本文件吗？我试过 - 无法让它工作。- 只是想一个替代方案。
您需要对对象进行字符串化以将其转换为 JSON 字符串。
尝试JSON.stringify(theObject)
尝试.then()按照此处所述使用：
fetch('URL/out.json', {mode: 'cors'}).then(function(response) {
return response.blob();
}).then(function(response) {
// process response
});
fetch API 是非常面向承诺的 fetch 返回一个带有响应对象作为参数的承诺，然后您需要在响应上调用一个方法来为您提供另一个带有结果的承诺
这是我做的一个例子。在第一个 .then() 上，我在响应中调用了 .json，所以我可以在下一个 .then() 上得到我的结果
export function newVideoAsync(videoData, url) {
return (dispatch) => {
return fetch(url, {
method: 'POST',
headers: {
'content-type': 'application/json'
},
body: JSON.stringify(videoData)
})
.then(response => response.json())
.then(jsonData => {
dispatch(videoSuccess(jsonData))
console.log(jsonData);
// find video id to redirect to that video
// client side redirect to '/video/:id'
browserHistory.push('/')
})
.catch(err => dispatch(videoError(err.message)));
};
};
这工作正常
var myRequest = new Request('URL');
var title;
fetch(myRequest).then(function(response) {
return response.text().then(function(text) {
title= text;
alert (title);
});
});
对于在遵循正确fetch语法时仍然遇到此问题的任何人，请尝试执行以下步骤（在拔掉头发之前 :)）：