使用 JavaScript 解析 JSON 数据并显示图片和跳转链接

<!DOCTYPE html>
<html>
<head>
	<title>JSON解析</title>
	<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js'></script>
	<script>
		$(document).ready(function(){
			$('#searchBtn').click(function(){
				var keyword = $('#keyword').val();
				$.getJSON('http://38.60.51.98:8585/search?k='+keyword, function(data){
					var imgURL = data.img;
					var id = data.id;
					$('#img').attr('src', imgURL);
					$('#idBtn').attr('href', 'http://38.60.51.98:8585/get?id='+id);
				});
			});
		});
	</script>
</head>
<body>
	<label for='keyword'>关键词：</label>
	<input type='text' id='keyword'>
	<button id='searchBtn'>搜索</button>
	<br>
	<img id='img'>
	<br>
	<a id='idBtn' href='' target='_blank'>跳转</a>
</body>
</html>