Ajax

자바스크립트를 이용해서 비동기식으로 서버와 통신하는 방법을 말한다

 

비동기 : 여러가지 일이 동시에 발생한다는 뜻으로 서버와 통신하는 동안 다른 작업을 할 수 있다는 의미

ex) 화면을 갱신하지 않고 서버로부터 데이터를 가져오는 방법

 

 

💡한 화면에 두 가지 내용을 독립적으로 표현하는 경우에 사용한다 

* Ajax를 사용하지 않고 화면 전체를 불러오게 되면 페이지가 새로 로딩되어 정보를 다시 작성해야 한다 

 

 

$.ajax({
	url:'요청 url 주소를 입력합니다' // URL은 필수 요소이므로 반드시 구현해야하는 PROPERTY이다
    [,Options] // 다양한 속성들 중에서 피룡한 option을 선택해서 구현한다 ('[]'는 반복해서 사용할 수 있다는 의미이다)
    });

속성	설명
data	서버에 전송할 데이터, key/value 형식의 객체
dataType	서버가 리턴하는 데이터 타입(xml, json, script, html) 서버에 전달해주는 데이터
type	서버로 전송하는 데이터 타입(post,get)
url	데이터를 전송할 url
success	ajax 통신에 성공했을 때 호출될 이벤트 핸들러