ajax
Ajax 4 - HTTP 헤더
HTTP 요청 헤더 HTTP 헤더 클라이언트와 서버 사이에 이루어지는 HTTP 요청과 응답은 HTTP 헤더를 사용하여 수행됩니다. HTTP 헤더는 클라이언트와 서버가 서로에게 전달해야 할 다양한 종류의 데이터를 포함할 수 있습니다. 다음 예제는 HTTP 요청 헤더의 예제입니다. Accept: */* Referer: http://codingsam.com/examples/tryit/tryhtml.php?filename=ajax_header_request_01 Accept-Language: ko-KR Accept-Encoding: gzip, deflate User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; Trident/7.0; rv:11.0) like Gecko Host: ..
Ajax 3 - 서버와의 통신(XMLHttpRequest, GET, POST)
XMLHttpRequest 객체 XMLHttpRequest 객체 Ajax의 가장 핵심적인 구성 요소는 바로 XMLHttpRequest 객체입니다. Ajax에서 XMLHttpRequest 객체는 웹 브라우저가 서버와 데이터를 교환할 때 사용됩니다. 웹 브라우저가 백그라운드에서 계속해서 서버와 통신할 수 있는 것은 바로 이 객체를 사용하기 때문입니다. XMLHttpRequest 객체의 역사 비동기식 통신 방식인 XMLHttp는 처음으로 익스플로러5 버전에서 ActiveXObject라는 객체를 사용하여 구현됩니다. 그 후에 모질라와 사파리에서 XMLHttpRequest라는 이름으로 도입하여 널리 사용되기 시작합니다. 초기의 XMLHttpRequest 객체는 W3C 표준이 아니었기 때문에 웹 브라우저마다 구현상..
Ajax 2 - DOM과 노드
DOM 문서 객체 모델(DOM)이란? 문서 객체 모델(DOM, Document Object Model)은 HTML 문서나 XML 문서에 접근하기 위한 일종의 인터페이스입니다. 이 모델은 문서 내의 모든 요소의 목적과 특징을 정의하고, 각각의 요소에 접근하는 방법을 제공합니다. Ajax에서는 이러한 DOM을 이용하여 웹 페이지의 일부 요소만을 변경할 수 있습니다. 따라서 Ajax를 배우기 전에 DOM에 대한 기본적인 사항을 알아야만 합니다. DOM 요소의 선택 자바스크립트로 DOM 요소를 다루기 위해서는 우선 해당 요소를 선택해야만 합니다. DOM 요소를 선택하는 방법은 다음과 같습니다. 1. 태그 이름(tag name)을 이용한 선택 2. 아이디(id)를 이용한 선택 3. 클래스(class)를 이용한 선..
Ajax 1 - Ajax 기초
Ajax 개요 Ajax Ajax는 그 자체가 별도의 새로운 언어는 아닙니다. HTML, CSS, 자바스크립트, DOM, XML 등 기존에 사용되던 여러 기술을 함께 사용하는 새로운 개발 기법입니다. Ajax는 웹 페이지 전체를 다시 로딩하지 않고도, 웹 페이지의 일부분만을 갱신할 수 있게 해줍니다. 즉 Ajax를 이용하면 백그라운드 영역에서 서버와 통신하여, 그 결과를 웹 페이지의 일부분에만 표시할 수 있습니다. Ajax(Asynchronous JavaScript and XML) 이 단락에 다른 텍스트를 불러와보죠! 데이터 불러오기! Ajax 기초 Ajax란? Ajax란 Asynchronous JavaScript and XML의 약자입니다. Ajax는 빠르게 동작하는 동적인 웹 페이지를 만들기 위한 개발..