Ajax

AJAX (Asynchronous JavaScript and XML)

• jQuery의 $.ajax()를 사용해 서버와 비동기적으로 통신
• 서버로부터 데이터를 받아와 페이지를 새로고침하지 않고도 웹 페이지를 업데이트 가능

 

 

AJAX 주요 특징

• 비동기 통신
  • AJAX의 핵심 : 서버와의 비동기적인 통신
  • 즉, 서버로 데이터를 요청한 후, 서버의 응답을 기다리는 동안에도 웹 페이지가 계속 동작
  • 응답이 완료되면 페이지의 일부를 업데이트 가능
  • 사용자는 웹 페이지를 새로고침하지 않고도 서버와 통신할 수 있으며, 더 나은 사용자 경험을 제공
• XMLHttpRequest 객체
  • AJAX의 기반 기술은 XMLHttpRequest 객체
  • 이 객체는 브라우저 내에서 서버와 통신하는 역할, 이를 통해 서버에 데이터를 요청하거나 응답을 처리 가능
  • 요즘은 XML보다 JSON 형식을 더 많이 사용하지만, AJAX라는 이름에는 여전히 "XML"이 남아있다
• 서버와 클라이언트 간 데이터 전송
  • AJAX를 통해 서버에 GET, POST 등의 요청 전송 가능
  • 서버는 요청을 처리하고 클라이언트에 응답을 반환. 이 응답은 일반적으로 JSON, XML, HTML, 또는 텍스트 형식으로 주어진다

 

 

 

⚒️ 예제

// WEB\jQuery Data\Ajax\01_helloAjax
exam01.html	text01.txt	$.ajax() 함수를 이용한 텍스트 읽기
exam02.html	text02.txt	$.ajax() 함수를 이용한 HTML 읽기
exam03.html	textdata.jsp	$.ajax() 함수를 이용한 텍스트 읽기