fatch
인터넷을 통해 데이터를 요청하고 받아오는 과정
짧은 코드로 데이터를 가져올수있다
서버 -> 클라리언트 json(자바스크립트 객체 구조 문법)객체 제공
클라이언트 -> 서버로 요청(get)
open api 에서 데이터 가져와 출력
api
일종의 소프트웨어 인터페이스이며 다른 종류의 소프트웨어에 서비스를 제공
<script>
function hey() {
let url = 'http://spartacodingclub.shop/sparta_api/seoulair'
fetch(url).then(res => res.json()).then(data => {
let rows = data['RealtimeCityAir']['row']
rows.forEach(a => {
let gu_name = a['MSRSTE_NM']
let gu_mise = a['IDEX_MVL']
console.log(gu_name,gu_mise)
});
})
}
</script>페이지가 로딩이 되면 자동으로 fatch
<script>
$(document).ready(function () {
let url = "http://spartacodingclub.shop/sparta_api/seoulair";
fetch(url).then(res => res.json()).then(data => {
let mise = data['RealtimeCityAir']['row'][0]['IDEX_NM']
$('#msg').text(mise)
})
})
</script>
</head>
<body>
<div class="mytitle">
<h1>나만의 추억앨범</h1>
<p>현재 서울의 미세먼지:<span id="msg">나쁨</span></p>
</div>
</body>
ISFP