Ajax

2023.01.14

​

2-7 Ajax 시작하기

• Ajax 기본 골격

$.ajax({
    type: "GET",
    url: "여기에URL을입력",
    data: {},
    success: function (response) {
        console.log(response)
    }
})

콘솔창에 띄어보기

$.ajax({
    type: "GET",
    url: "http://spartacodingclub.shop/sparta_api/seoulair",
    data: {},
    success: function (response) {
        let rows = response['RealtimeCityAir']['row']
        for (let i = 0; i < rows.length; i++){
            let gu_name = rows[i]['MSRSTE_NM']
            let gu_mise = rows[i]['IDEX_MVL']
            console.log(gu_name, gu_mise)
        }
    }
})

'RealtimeCityAir'의 'row' 만큼 for문을 돌려 지역구별 미세먼지를 확인

 

2-8 Ajax 함께 연습하기

​

2-9 Quiz_Ajax 연습하기(1)

​

2-10 Quiz_Ajax 연습하기(2)

​

2-11 2주차 끝 & 숙제 설명

• 날씨 API

http://spartacodingclub.shop/sparta_api/weather/seoul

 

 

• 로딩 후 호출하기

$(document).ready(function () {
    alert('다 로딩됐다!')
});

 

• 내가 만든 팬명록에 현재 온도 적용하기

 

2주차 후기

헷갈리는 부분이 많았는데,
1주 보다는 기능적인 부분이 많아서 뭔가가 뜨고 없어지고 생기고~!! 재밌었다.
ajax는 반복을 많이 해주셔서 연습이 많이 됐다
주로 api의 데이터를 다뤄서 흥미로웠다. (멋진 어른 너낌 ㅎㅅㅎ)
다음 수업이 기대가 된당~~