如何解决我如何从返回承诺的javascript ajax函数存储全局变量
我正在尝试将memberdata数组加载到javascript变量中,以便可以从几个不同的函数中对其进行操作。在尝试了旧的大学尝试之后,我迷路了。
我了解异步函数的必要性,以便不阻塞主线程,但我能够填充全局变量的唯一方法是将函数结果存储到session.Storage,然后在其他函数中从那里调用它。尽管此方法有效,但这似乎是一个额外的步骤。
async function fetchMember($vid) {
let options = {
method: 'POST',async:false,body: JSON.stringify({vid: $vid}),headers: {
'Content-Type': 'application/json',// sent request
'Accept': 'application/json' // expected data sent back
},}
let response = await fetch('getMember.php',options);
let $member = await response.text();
sessionStorage.setItem("member",$member)
return ($member); // this is a promise because it is in an async function
} //end of function
fetchMember("999999").then ($dog=> console.log ("Then = " + $dog))// $dog is a promise
console.log ("Member = " + $member); // undefined
$member = session.Storage ("member") // work as expected
我可以“ 。然后”将诺言的结果记录到控制台,但是对我而言,我不知道如何将其存储在全局变量中。
解决方法
如@epascarello所述,您没有从then
块返回您的承诺。一个简单的(也许是骇人的)解决方案可以是将程序包装在异步函数中,然后await
从fetchMember函数获得响应。在实践中,我用它制作了一个简单的jsFiddle。
这并不完美,但它应该可以帮助您到达需要去的地方!
JsFiddle:https://jsfiddle.net/3q98gx2t/
(async () => {
// Get the data out of the fetchMember function
// It is in the scope of the overall self executing function.
let test = await fetchMember();
async function fetchMember($vid) {
let options = {
method: 'GET',}
let response = await fetch('https://api.coindesk.com/v1/bpi/currentprice.json',options);
let $member = await response.text();
return $member; // this is a promise because it is in an async function
} //end of function
console.log("Member = " + test); // undefined
})();
整个then/catch
系统的问题在于,它将始终返回承诺,因此,根据您的项目,您最终会陷入.then(data => something).then(data => something)
的麻烦之中。
在此示例中,我使用了对比特币API的GET请求,但原理仍然存在。只需换回您的选项,它就可以工作。
如您所见,我已经删除了会话存储呼叫。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。