..

Search

1) Ajax 개요

Ajax 개요


Ajax

Ajax는 그 자체가 별도의 새로운 언어는 아닙니다.

HTML, CSS, 자바스크립트, DOM, XML 등 기존에 사용되던 여러 기술을 함께 사용하는 새로운 개발 기법입니다.

 

Ajax는 웹 페이지 전체를 다시 로딩하지 않고도, 웹 페이지의 일부분만을 갱신할 수 있게 해줍니다.

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

 

Ajax 수업 시작 =>

 

여러분이 직접 코드를 변경하고, 그 결과를 확인할 수 있는 온라인 에디터가 준비되어 있습니다.

예제

<!DOCTYPE html>

<html lang="ko">

 

<head>

<meta charset="UTF-8">

<title>Ajax Intro</title>

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>

<script>

    $(function() {

        $("#requestBtn").on("click", function() {

            $("#text").load("/examples/media/ajax_intro_data.txt");

        });

    });

</script>

</head>

 

<body>

<h1>Ajax(Asynchronous JavaScript and XML)</h1>

<p id="text">이 단락에 다른 텍스트를 불러와보죠!</p>

<button id="requestBtn">데이터 불러오기!</button>

</body>

 

</html>

코딩연습 ▶