코린이 필수꿀팁 #7. Ajax (데이터 요청하고 응답받기)

• Ajax = API에서 데이터를 조회
• '요청'과 '응답'으로 구성 = "데이터를 주고 받는 것!"
  : 응답 결과는 JSON을 통해서 확인
  Key:Value로 되어 있고, Dictionary와 아주 유사
• 1. 웹 페이지 새로고침 없이 서버에 요청
  2. 서버로부터 데이터를 받고 작업을 수행
• Ajax는 두 가지 방식이 있으나 GET 방식을 많이 사용하며, GET방식은 데이터 조회 시(Read) 사용
  : 요청할 때, URL 에 ? 를 사용해 덧붙이고 key=value 형태로 표시
  https://www.google.com/search?q=방탄 배경화면
• API 를 사용할 땐, 미리 정해둔 약속을 따라야 작동하며, 약속들은 API 페이지(문서)에 적혀 있음
• 상대방을 정확히 지정 -> 방법을 정확히 지정 -> 응답을 성공적으로 받아왔다고 가정하고 코드 작성

1. 대화 시도 시작!!
   $.ajax({})
2. url'뿅뿅'에 가서 대화를 시도할거야!!
3. 이제 걔(url)한테 데이터 받을거야. type:"GET"방식으로!!
   url은 API주소여야 함
4. 나 저 url에서 "GET"방식으로 요청할 건데, 응답이 잘 돌아오면 함수(function)를 실행해줘!!

• console.log로 잘 인쇄되는지 확인

$.ajax({ url:'http://openapi.seoul.go.kr:8088/sample/json/RealtimeCityAir/1/5/', type: "GET", success: function (response) { console.log(response); } })

$.ajax({ type: "GET", url: "http://openapi.seoul.go.kr:8088/sample/json/RealtimeCityAir/1/5/", data: {}, success: function (response) { let row = response['RealtimeCityAir']['row']; for (let i=0; i