promise封装

最新推荐文章于 2025-01-14 08:00:30 发布

原创最新推荐文章于 2025-01-14 08:00:30 发布 · 176 阅读

0 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种使用JavaScript中的XMLHttpRequest对象发起网络请求的方法，包括GET和POST请求的实现，以及如何处理请求的成功和失败回调。通过示例代码展示了如何设置请求头，发送数据，并解析响应结果。

function request({
    url,
    method = "get",
    data,
    headers = {},
    }) {
    return new Promise((resolve,reject)=> {
        const xhr = new XMLHttpRequest();
        xhr.open(method, url);
        Object.keys(headers).forEach(key =>
        xhr.setRequestHeader(key, headers[key])
        );
        xhr.send(data);
        xhr.onreadystatechange  = () => {
            if(xhr.readyState === 4) {
				let result = xhr.responseText
				resolve({
                    result:result
                });
			}
            
        };
        xhr.onerror = (err) => {
            reject(err)
        }
    });
}
// 调用
request({url:`${host}/g/host_manager/api.php?act=list&id=${pid}`})
.then(res=> {
    console.log('成功回调',res)
}).catch(err=>{
    console.log('失败回调',err)
})