[Ajax] Ajax란? : Ajax 사용 이유, Ajax 장점과 단점

[Ajax] Ajax란? : Ajax 사용 이유, Ajax 장점과 단점

Ajax(Asynchronous JavaScript and XML)란?
→ JavaScript의 라이브러리 중 하나입니다.
→ 빠르게 동작하는 동적인 웹 페이지를 만들기 위한 개발 기법의 하나로,
전체 체이지를 고치지 않아도 페이지의 일부만을 위한 데이터를 로드하는 기법입니다.
→  Ajax를 이용하면 백그라운드 영역에서 서버와 통신하여, 그 결과를 웹페이지의 일부분에만 표시 할 수 있습니다.

✅ 즉, Ajax는 JavaScript를 통해서 서버에 데이터를 요청하는 것으로 HTML, DOM, JavaScript, XMLHttpRequest, Etc 여러가지를 혼합해서 사용하여 이루어집니다.

 

📍 AJAX라는 네트워크 기술을 이용하여 클라이언트에서 서버로 데이터를 요청하고 그에 대한 결과를 돌려받을 수 있습니다.
ㄴ 결론은 서버와 클라이언트(나)와의 통신이 AJAX다.

✓클라이언트란?
: 서버에서 정보를 가져와 사용자에게 보여주고 사용자와 상호작용 할 수 있는 소프트웨어로
예를들어 ) 웹브라우저, 핸드폰, 어플리케이션

✓서버란?
: 자료에 대한 관리와 접근을 제어해주는 프로그램을 뜻하며 사용자가 직접 사용하지 않음.

 

• JavaScript를 이용해서 서버에서 데이터를 가져와 페이지 전체의 갱신없이 특정부분만 변경 가능.
• 주로 JSON으로 서버와 데이터를 주로 주고 받음.

 

<!-- javascript -->
<script type="text/javascript">

	<!-- 준비가 끝나면 -->
	
	$(document).ready(function(){
		console.log("jQuery 로 요청 data만 받는 요청");
	});
	
	$.ajax({
		
		//요청관련
		url : "${pageContext.request.contextPath }/api/guestbook/list",
		type : "post",
		//contentType : "application/json",
		//data : {name: ”홍길동"},
		
		//data 처리
		dataType : "json",
		success : function(result){

		/*성공시 처리해야될 코드 작성*/

		},
		error : function(XHR, status, error) {

		console.error(status + " : " + error);

		}
	});



</script>