fetch设置网络超时时间

石博

于 2019-03-06 16:26:09 发布

阅读量2k

点赞数

分类专栏： ReactNative

本文链接：https://blog.csdn.net/shb2058/article/details/88241180

版权

本文介绍了如何利用Promise.race方法为fetch请求设置网络超时时间，当fetch请求超过预设时间未完成时，会自动终止请求。

摘要由CSDN通过智能技术生成

 let promise = new Promise((resolve, reject) => {
            this.timer = setTimeout(() => {
                reject(new Error('超时了'));
            }, 20000);
        }).then((data) => {

        }).catch((e) => {
        });

        let httpPromise=new Promise((resolve, reject) => {
            fetch('https://xxxxxxxx/Login?name=18521596304&pwd=123456')
                .then((res) => {
                    //如果登录接口返回成功，那么把返回的json返回回去
                    return res.json();
                }).then((json) => {
                resolve(json);


            }).catch((e) => {
                //如果失败，把错误返回回去。
                reject(e);

            })
        });

        Promise.race([promise,httpPromise ])
            .then((json) => {
                this.LoadingDialog.close();
                if (json.Statu == 1) {