2-8 Ajax 시작하기

Runningman Mr. Cho·2021년 4월 24일
Ajax는 jQurey를 임포트한 페이지 에서만 작동
나홀로 메모장에는 ajax가 들어 있음
구글페이지에는 없음.
미세먼지 데이터 확인
ajax 기본골격 - 외울 필요없음
$.ajax({
  type: "GET", **-- 조회하는 방식**
  url: "기본url 입력", **- 가져올 데이터 url주소 **
  data: {},   **데이터를 가져올 것이다 라는 내용**
  success: function(response){
	console.log(response)
    }
 })

**** ajax라는 놈은 통째로 이렇게 생긴 값이구나 라고 생각해라
 조회한 모든값이 response로 들어간다****
let rows = response['RealtimeCityAir']['row']

for **(반복문)** (let i = 0; i <rows.length; i++) {

**for let i가 0부터 rows.에 length 전까지 i가 하나씩 늘어난다**

let gu_name = rows[i]['MSRSTE_NM']

구의 이름은 rows의 i번째의 값이 MSRSTE_NM 이고

let gu_mise = rows[i]['IDEX_MVL']
구미세 값은 rows의 i번째의 'IDEX_MVL' 값이니

if (gu_mise <70) {
만약에 구 미세먼지가 70이하일 경우 
}
    console.log(gu_name, gu_mise)
구 이름과 구 미세값을 출력해라
    }
  }
})
AJAX 를 요청해서 우리가 가져와서 요리해서 써먹는것이다.
profile
웹사이트 개발일지

0개의 댓글