fetch

get请求

<script type="text/javascript">
	window.onload = function(){
		fetch('https://api.xiaotimo.top/api/article/article')
			.then(res=>res.json())
			.then(data=>console.log(JSON.stringify(data)))
			.catch(err=>{
				console.log(JSON.stringify(err))
			})
	}
</script>

fetch 异步请求

<div id="btn">点击请求数据</div>
<script type="text/javascript">
	window.onload = function(){
		let oBtn=document.getElementById('btn');
		oBtn.onclick = async function(){
			let res = await fetch('https://api.xiaotimo.top/api/article/article');
			let str = await res.json();
			console.log(str)
		}
	}
</script>

请求blob

window.onload=function (){
  let oVideo=document.getElementById('video');
  let oBtn=document.getElementById('btn1');
  oBtn.onclick=async function (){
	//1.请求
	let res=await fetch('https://api.xiaotimo.top/data/1.mp4');
	//2.解析
	let data=await res.blob();
	let url=URL.createObjectURL(data);

	oVideo.src=url;
  };
};
<input type="button" value="读取" id="btn1">
<video id="video" /></video>