fetch的使用

Posted 2021-06-15 chicidol

methods:{
		handleClick(){
			//fetch方法：用来快速获取json格式数据
			//Promise对象
			//url：链接地址
			fetch(“url”)
			// 第一个 then 接受到的是请求头的相关信息
			.then(res=>{
				console.log(res)  //拿到的是一个状态码
				//用json格式读出来，也可以改为text，得到的就是一个text字符串，但是要做一个json解析，所以极少用text格式
				return res.json()
			})
			//第二个.then拿到的是从后端请求回来的真正的数据
			//想要获取响应数据，需在第一个then中将响应数据转为json再返回给第二个then，在第二个then中去获取值
			.then(res=>{
				console.log(res)
			})
			// 请求错误时执行
			.catch(err=>{
				console.log(err)
			})
		}
	},