前端面试问题：手写Ajax（应用promise）

张朋伟——张朋伟

于 2022-06-23 16:10:53 发布

阅读量178

点赞数

分类专栏：前端面试集锦文章标签：前端 ajax javascript

本文链接：https://blog.csdn.net/weixin_44191250/article/details/125428992

版权

前端面试集锦专栏收录该内容

12 篇文章 0 订阅

订阅专栏

function ajax(url){
	const p = new Promise ((resolve,reject) => {
		const xhr = new XMLHttpRequest()
		xhr.open('GET',url,true)
		xhr.onreadystatechange = function () {
			if(xhr.readyState === 4){
				if(xhr.status === 200){
					resolve(JSON.parse(xhr.responseText))
				}else if (xhr.status === 404){
					reject(new Error('404 not found'))
				}
			}
		}
		xhr.send(null)
	})
	return p
}
//使用
const url = 'xxxxxx'
ajax(url).then(res => { console.log(res) }).catch(err => {console.error(err)})