getJSON으로 json 데이터 받아오기

아마도 ajax를 간단하게 쓰는 방식인 것 같다.

이걸 쓰려면 일단 jquery cdn을 써줘야 한다.

기본적인 형태 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<script>

$(document).ready(function(){

$.getJSON(url, parameter, function(data){

alert(data.key);

});

});

</script>

실습을 위해 json을 받아올 수 있는 유튜브 api를 이용했다.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<button id="jss">button</button>

<div id="divv"></div>

<script>

$(document).ready(function(){

$("#jss").click(function(){

var url = 'https://www.googleapis.com/youtube/v3/videos';

var tem = {

part: 'snippet',

id: '6_tyPKUZumw',

key: 'AIzaSyDD3Uc3zSa05f6C4iDDG3kuk1JT9DV70BI'

}

$.getJSON(url, tem, function(data){

$("#divv").text(data.items[0].snippet.title);

}).done(function(){

$("#divv").after("<br/>done");

});

});

});

</script>