IE11中的第一个Fetch API调用被第二个取消 [英] First Fetch API call cancelled by the second in IE11
问题描述
我有一个ReactJS应用程序,该应用程序可以在Chrome中正常运行,但在IE-11中无法运行.
I have a ReactJS application that works as expected in Chrome, but fails in IE-11.
问题是这样的-当页面首次加载时,我们有两个下拉列表,这些列表是从rest服务填充的.该应用程序在SSL下运行.通过IE-11加载页面时,出现了IE-11错误问题,其中第一个请求调用被第二个取消,该错误的描述如下:
The problem is this - we have two drop down lists which are populated from rest services when the page is first loaded. The application is running under SSL. When the page is loaded through IE-11, I get an IE-11 bug issue where the first request call gets cancelled out by the second-the bug is described here:
https://developer.microsoft.com/zh-cn/microsoft-edge/platform/issues/1282036/
所以,我只是问社区是否有针对IE-11的解决方案,或者是否有计划按顺序实施我的代码?如果第一个完成,第二个称为:
So, I am just asking the community whether there is a work around for IE-11 or is there away to implement my code sequentially where if the first is complete the second is called:
export let getMainData = (dtType, url)=> {
return dispatch=>{
dispatch(sendGet(dtType));
const action = (async(url) => {
const response = await fetch(url);
let data = await response.json();
dispatch(receiveGet(dtType,data));
});
action(url);
};
};
上面的代码是通用代码,在React App中被其他人使用.因此,我在想如果没有一个抽象级别,两个下拉列表可以依次调用,然后在下面调用上面的列表呢?
The code above is common code and is used by others in the React App. So what I am thinking if there is away to have a level of abstraction where the two drop down lists can call sequentially and then call the above underneath, perhaps?
推荐答案
只需包含isomorphic-fetch
作为polyfill,即可在不受支持的浏览器上使用.
Just include isomorphic-fetch
as polyfill to make it work on unsupported browsers.
https://github.com/matthew-andrews/isomorphic-fetch
这篇关于IE11中的第一个Fetch API调用被第二个取消的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!