Ajax

Server란?

: 유저가 데이터를 요청하면 데이터를 보내주는 프로그램이라고 생각하면 편하다.

주의할 점은 데이터를 요청할 때는 정해진 규칙에 따라서 요청해야한다.

 

1. 어떤 데이터인지 URL로 잘 기재한다.

2. 어떤 방법으로 요청할지 (GET/POST등) 데이터를 보내준다.

 

GET/POST를 요청하는 방법

 

<form action="서버로 전송한 데이터를 수신할 URL" method="데이터를 전송하는 방법">

    <!--텍스트 필드, 라디오 버튼, 체크 박스와 같은 컨트롤을 생성하는 태그-->

</form>

위의 코드와 같이 URL과 전송 방법을 잘 결정해서 form태그에 작성하면 된다.

하지만 위의 코드처럼 데이터를 요청하면 브라우저가 새로고침되는데 이때 깜빡임 효과가 발생하여 사용자 경험에 영향을 줄 수 있습니다.

따라서 이를 해결하기 위해서 나온 것이 Ajax이다. 

---

Ajax

Ajax란?
서버에 GET, POST 요청을 할 때 새로고침 없이 데이터를 주고 받을 수 있게 도와주는 브라우저 기능

 

 

jQuery로 AJAX GET 요청하기

$.get('URL주소'); //가져오기



$.get('URL주소').done(function(data){
	// 데이터 통신 성공시 실행 할 코드
}).fail(function(){
	// 데이터 통신 실패시 실행 할 코드
})

 

 

jQuery로 AJAX POST 요청하기

$.post('URL', 보낼 데이터);