当前位置：网站首页>请求对象，发送请求

请求对象，发送请求

2022-06-26 02:50:00 【小菜鸟码住】 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		
	</head>
	<body>
		<ul id="list">
			
		</ul>
		<script>
		//https://api.apiopen.top/musicRankings
		//ajax
//		1.创建请求的对象
		var xhr = new XMLHttpRequest();
		var list = document.getElementById('list');
		//2.发送请求
		xhr.open('get','https://api.apiopen.top/musicRankings',true);
		xhr.send();
		//3.监听状态
		xhr.onreadystatechange = function(){
			if(xhr.readyState==4&&xhr.status==200){
				var data = JSON.parse(xhr.responseText);
				console.log(data);
				for(var i=0;i<data.result.length;i++){
					list.innerHTML += '<li>'+data.result[i].name+'<img src='+data.result[i].pic_s210+'></li>' ;
				}
			}
		}
		console.log(111);
	</script>
	</body>
	
</html>

在这里插入图片描述

原网站

版权声明
本文为[小菜鸟码住]所创，转载请带上原文链接，感谢
https://blog.csdn.net/hfyldx/article/details/102232603

边栏推荐

猜你喜欢

随机推荐