fetch를 앨범사이트에 적용해보기

span 태그를 사용하면 태그 안에서 일부분을 묶어 사용할 수 있다

<p>현재 서울의 미세먼지 : <span id="state">나쁨</span></p>

fetch 사용 (서울 미세먼지 오픈API사용)

$(document).ready(function () {
            let url = "http://spartacodingclub.shop/sparta_api/seoulair";
            fetch(url).then(res => res.json()).then(data => {
                let state = data['RealtimeCityAir']['row'][0]['IDEX_NM'];
                $("#state").text(state);
            })
})

결과