当前位置：网站首页>Request object, send request

Request object, send request

2022-06-26 03:22:00 【Small vegetable bird yard live】 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		
	</head>
	<body>
		<ul id="list">
			
		</ul>
		<script>
		//https://api.apiopen.top/musicRankings
		//ajax
//		1. Create requested object 
		var xhr = new XMLHttpRequest();
		var list = document.getElementById('list');
		//2. Send a request 
		xhr.open('get','https://api.apiopen.top/musicRankings',true);
		xhr.send();
		//3. Listening state 
		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>

Insert picture description here

原网站

版权声明
本文为[Small vegetable bird yard live]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/177/202206260249289463.html

边栏推荐

猜你喜欢

随机推荐