[JavaScript] AJAX 시작해보기

개발을 하면서 이미 사용하고있긴 했지만 제대로 다뤄보기 위해서 차근차근 정리해보려한다.

AJAX(Asynchronous JavaScript ans XML): 비동기 자바스크립트와 XML의 약자이며 JavaScript의 라이브러리 중 하나이다.

웹 개발을 할 때 데이터를 서버와 주고받으면서 페이지 전체를 새로고침하지 않고 일부 내용만 동적으로 업데이트 할 수 있게 해준다. 다음과 같은 기술들을 조합해서 사용하곤 한다.

1. HTML/CSS: 웹 페이지 구조와 스타일을 정의
2. JavaScript: 동적 동작 및 로직 구현
3. XMLHttpRequest 또는 Fetch API: 서버와의 비동기 통신
4. 서버 측 언어(예: PHP, Python 등): 서버 로직 처리
5. 데이터 포맷: JSON, XML, 텍스트 등

---

예시로는 다음과 같은 형태로 사용된다.

$.ajax({
	type:"post"
	, url: "AJAXTest.do"
	, data: data
	, dataType: "json"
	, success: function(json) {
		if(json.result == true) {
			alert("테스트 성공");
		} else {
			alert("테스트 실패");
		}
	}
});

 

하나씩 예제 코드를 실행해보면서 자세하게 알아가보도록 한다.