[JavaScript知识库] 用js采集某云音乐的MySQL做一个音乐页面

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> JavaScript知识库 -> 用js采集某云音乐的MySQL做一个音乐页面 -> 正文阅读

[JavaScript知识库]用js采集某云音乐的MySQL做一个音乐页面

/点歌api：http://wx0725.top/project/php/jiqiren/xiaodie.php?keyword=点歌+歌名&type=json

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<audio src="" id='myaudio' controls>
				<source src="song.ogg" type="audio/ogg">
				<source src="song.mp3" type="audio/mpeg">
		</audio>
		<br>
		<input type="text"id="ipt" placeholder="请输入歌名"/>
		<button type="button" id="btn">点歌</button>
		<script type="text/javascript">
		
			var btn = document.querySelector('#btn');
			var ipt = document.querySelector('#ipt');
			
			btn.addEventListener('click',function(){
				
				var xhr = new XMLHttpRequest();
				
				xhr.open('get',"http://wx0725.top/project/php/jiqiren/xiaodie.php?keyword=点歌"+ipt.value+"&type=json");
	
				xhr.send();
		
				xhr.onload = function(){
					var result = JSON.parse(xhr.responseText);
					var myaudio = document.querySelector('#myaudio');
					myaudio.src=result.mp3;
					
				}
			})
			
			
			
			
		</script>

	</body>
</html>