Ajax 개념
Ajax는 비동기적 자바스크립트 XML을 의미하는 웹 개발 기술이다.
Ajax를 사용하면 웹 페이지를 새로 고치지 않아도 데이터를 서버로부터 비동기적으로 받아와서 웹 페이지의 일부분을 동적으로 변경할 수 있다는 장점이 있다. 사용자는 웹 페이지의 전체를 다시 로드하지 않아도 웹 애플리케이션과 상호작용할 수 있다. Ajax는 JavaScript를 사용하여 웹 페이지와 서버 간의 비동기적인 처리를 하며, XML을 데이터 형식으로 사용했지만 최근에는 JSON이 일반적으로 사용되고 있다.
- CSV
CSV형식은 데이터의 속성을 나누고 줄바꿈으로 데이터를 나눈다.
용량이 적지만 가독성이 떨어진다- XML
XML형식은 CSV형식의 가독성을 개선하기 위해 나온 데이터 형식이며 태그로 속성과 데이터를 구분한다. 가독성은 좋다는 장점이 있지만 데이터가 많아지면 분석속도가 떨어진다- JSON
JSON형식은 JavaScript의 객체 형태로 데이터를 전송하는 형식이다. CSV와 XML형식의 단점을 최소화하였으며 현재 가장 많이 쓰이고 있다.
가독성이 좋고 용량이 적다는 장점이 있지만 데이터 양이 많으면 분석속도가 떨어진다는 단점이 있다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Ajax Intro</title>
<script src="https://code.jquery.com/jquery-1.js"></script>
<script>
$(function() {
$("#requestBtn").on("click", function() {
$("#text").load("/examples/media/ajax_data.txt");
});
});
</script>
</head>
<body>
<h1>Ajax(Asynchronous JavaScript and XML)</h1>
<p id="text">데이터를 보여주세요!</p>
<button id="requestBtn">데이터 불러오기!</button>
</body>
</html>
Leejungmin