（三）请求失败重发

老怪兽

发布于 2023-02-22 19:41:31

3940

发布于 2023-02-22 19:41:31

文章被收录于专栏：老怪兽的前端之旅老怪兽的前端之旅

请求失败重新发送请求

说明

有时候网络不好导致请求失败不能一次失败就给请求判定死刑了，我们还要给他机会，下面手写封装一个简单的重发函数，灰常的实用

源代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网络请求重发</title>
</head>

<body>
</body>
<script>
    /**
     * 发出请求，返回Promise
     * @param { string } url 请求地址
     * @param { number } maxCount 最大重试次数
    */

    // 请求重发函数
    function sendRequest(url, maxCount = 5) {
        // 如果请求成功就不管直接返回，如果失败就使用递归进行重新发送
        return fetch(url)
		.catch((err) => 
		maxCount <= 0 
		? Promise.reject(err) 
		: sendRequest(url, maxCount - 1))
    }

    // 调用请求重发方法
    sendRequest('https://xxx.com', 4)
	.then((resp) => {
        console.log(resp.json())
    }).catch((err) => {
        console.log(err)
    })
</script>

</html>