스파르타 코딩클럽 [웹] 2주차 - 2

Ajax란? 

비동기식 자바스크립트 XML(Asynchronous Javascript And XML)의 약자. 하이퍼텍스트 표기언어(HTML)만으로 어려운 다양한 작업을 웹페이지에서 구현해 이용자가 웹페이지와 자유롭게 상호 작용할 수 있도록 하는 기술. 별도 프로그램을 설치하거나 웹페이지를 다시 로딩하지 않고도 메뉴 등 화면상의 객체를 자유롭게 움직이고 다룰 수 있다. 비슷한 기능의 액티브X나 플래시 등에 비해 가볍고 속도가 빨라 차세대 웹 기술로 각광받고 있다.

* GET → 통상적으로! 데이터 조회(Read)를 요청할 때 예) 영화 목록 조회

* POST → 통상적으로! 데이터 생성(Create), 변경(Update), 삭제(Delete) 요청 할 때 예) 회원가입, 회원탈퇴, 비밀번호 수정

Ajax 기본 골격 

$ajax({

   type : "GET",              // GET 또는 POST

   url : "url 주소",           // URL 주소

   data : {},                   // 요청하면서 함께 전송할 데이터 (POST 방식에만 사용)

   success : function(response) {  // 서버에서 준 결과를 response라는 변수에 담음

      consol.log(response)          // 서버에서 준 결과를 이용해서 정상 작동되는지 확인

  }

})

 

오픈 API를 이용하여 서울시 실시간 미세먼지 구하기