220414 - Ajax(미세농도)

• GET - 데이터 조회 요청 (영화 목록 조회)
• post - 생성, 변경, 삭제 요청(회원가입,탈퇴)

• 서울시 미세먼지 농도

<style>
.bad{
    color: red;
}
</style>

<script>
function q1() {
     $('#names-q1').empty()
    $.ajax({
type: "GET",
url: "http://openapi.seoul.go.kr:8088/6d4d776b466c656533356a4b4b5872/json/RealtimeCityAir/1/99",
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']

        let temp_html = ``

        if (gu_mise>60){
             temp_html = `<li class="bad">${gu_name} :${gu_mise} </li>`
        }else{
            temp_html = `<li>${gu_name} :${gu_mise} </li>`
        }

        $('#names-q1').append(temp_html)

    }
}
})

}

• jquary와 같이 사용하려니 순서도 헷갈리고 긴장했는 입력후 실행이 되지않아 괄호가 틀렸나 한참 봤는데 else를 eles로 입력하였다.