[45일] Ajax (1) - Ajax란

Ajax는 Asynchronous JavaScript and XML의 약자로 빠르게 동작하는 동적인 웹 페이지를 만들기 위한 개발 기법의 하나이다.

 

Ajax는 웹 페이지 전체를 다시 로딩하지 않고도, 웹 페이지의 일부분만을 갱신할 수 있다.(비동기 방식)

즉 Ajax를 이용하면 백그라운드 영역에서 서버와 통신하여, 그 결과를 웹 페이지의 일부분에만 표시할 수 있다.

한 개의 페이지에서 요청과 응답이 동시에 이루어진다. 

대표적으로 댓글 더보기를 예로 들 수 있다.

 

서버와는 다음과 같은 다양한 형태의 데이터를 주고받을 수 있다.

• JSON
• XML
• HTML
• 텍스트 파일 등

JavaScript에서는 XMLHttpRequest 객체, jQuery에서는 $.ajax 함수를 사용한다.

 

http://www.tcpschool.com/ajax/ajax_intro_basic

코딩교육 티씨피스쿨

 

https://www.w3schools.com/js/js_ajax_intro.asp

AJAX Introduction

 

형식

$.ajax({요청명령}, callback함수)

• callback 함수 : 서버로부터 응답받은 후 호출되는 함수
• 요청명령 : url, method, dataType, data, success, error 등

※ 참고
요청명령의 세부사항
1) dataType : text, json, xml 등
2) type : GET, POST, PUT, DELETE
3) data : 서버에 요청할 데이터
4) error : 에러시 호출되는 함수
5) success : 성공 시 호출되는 함수 (callback함수)