ajax 기본구문

Runningman Mr. Cho·2021년 4월 24일

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 > 70) { temp_html =

  • {gu_name} : ${gu_mise}</li>` } else { temp_html = `<li >{gu_name} : ${gu_mise}
  • `
    }

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

       ```

    // q1 함수로 ajax를 불러온다
    // 새로고침을 하기위해서 지정한 값을 빈값으로 새로고침한다.
    // get 조회의 타입이고
    // 데이터를 가져올 url을 지정한다
    // 비어있는 데이터 값을 가져오려고한다.
    //리스판스 함수를 지정하고
    // rows라는 변수를 리스판스 할 데이터 realtimecityair 와 row값을 가져오도록한다.
    // for 반복문을 사용해서 한번씩 증가하도록 설정을 해놓고
    // 변수의 구 이름은 rows의 i열의 값을 지정하도록한다.
    // 변수추가될때 아래같이 사용한다.
    // append 는 추가하고 다시 위로 이동한다.

        //2. const, let : 중복 선언 불가능
        // let 중복 선언
        // let a = 10;
        // let a = 20; // SyntaxError: Identifier 'a' has already been declared
        //
        // // const 중복 선언
        // const b = 10;
        // const b = 20; // SyntaxError: Identifier 'b' has already been declared
        //
        // let, const로 선언한 변수는 중복 선언이 불가능하다.
        // 코드에서 보는 것처럼 이미 선언한 변수를 다시 선언할 경우, 에러가 발생한다.
        // var에 비해서 코드의 안정성을 높여줄 수 있는 방식으로, 다른 언어를 쓰던 사람들게도 익숙할 것이다.
    profile
    웹사이트 개발일지

    0개의 댓글