Discogsデータベースを検索して結果をHTMLで表示しようとしていますが、jQuery関数getJSONを実行しようとすると、getJSON関数内では何も機能しないため、指定したURLが正しくないかのように動作します。関数がブラウザーで作成するURLを表示すると、正しいJSON検索ページに移動して正しい結果が表示されますが、結果を解析できません。
使用しようとしているDiscogsAPIのURLに問題があるのか、コーディング構文のどこかで問題が発生しているのか、誰かに教えてもらえますか?
前もって感謝します。
<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Discogs Search</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#button").click(function(){
$.getJSON("http://api.discogs.com/database/search?type=master&q=illmatic&page=1&per_page=100", function(data) {
$("#output").append("TEST");
var theid = data.results[0].id;
});
});
});
</script>
</head>
<body>
<button id="button">Search</button>
<div id="output"></div>
</body>
</html>