본문 바로가기

Ajax12

[기초] AJAX 예제 첫 번째 AJAX 응용프로그램 AJAX가 작동하는 법을 이해하기 위해 작은 AJAX 응용프로그램을 만들 것이다. 첫번째로 "이름"과 "시간" 2개의 입력 필드를 가진 표준 HTML 폼을 만든다. "이름" 필드에는 사용자가 입력을 하고 "시간" 필드는 AJAX가 채운다. HTML 파일은 "testAjax.htm" 이라고 하고 아래와 같다.(HTML 폼에 제출하기 버튼이 없다) 이름: 시간: AJAX의 주요역할에 대해서는 다음 장에서. 2009. 7. 28.
[기초] AJAX XMLHttpRequest AJAX는 XMLHttpRequst 객체를 사용한다. 지금까지 자바스트립트에서는 서버에 있는 데이터베이스나 파일에서 정보를 주고 받으려면, HTML 폼을 만들어야 하고 사용자가 정보를 주고 받으려면 "제출하기" 버튼을 누른 뒤 서버의 응답을 기다리고 그 다음에 새로운 페이지에서 결과를 뿌려준다. 그렇기 때문에 사용자가 입력을 하고 전송할 때마다 서버는 새로운 페이지를 돌려보내게 되므로 기존의 웹 응용프로그램들은 느리게 동작할 뿐 아니라 덜 사용자 친화적이다. (주: 회원가입하는 과정을 상상해 보면 금방 이해가 간다.) AJAX에서는 XMLHttpRequest 객체를 통해 자바스크립트가 서버와 직접적으로 통신한다. XMLHttpRequst 객체는 페이지를 새로고침하지 않고도 웹페이지가 서버에 요청을 보내고.. 2009. 7. 28.
[기초] AJAX 소개 * 진도를 나가기 전에 HTML/XHTML과 자바스크립트에 대해 사전지식이 있어야 한다. AJAX = Asynchoronous JavaScript and XML AJAX는 새로운 프로그래밍 언어가 아니라 더 낫고, 빠르고, 더 쌍방향적인 웹 응용프로그램을 만들어 주는 새로운 기술이다. AJAX에서는 XMLHttpRequest 객체를 사용해 자바스크립트로 서버와 직접적으로 통신할 수 있다. 이 객체를 가지고 자바스크립트가 페이지를 새로고침하지 않고도 웹서버와 데이터를 주고 받을 수 있다. AJAX는 브라우저와 웹 서버간에 비동기 데이터 전송(HTTP 요청)을 사용해 웹 페이지가 전체 페이지가 아닌 서버로부터 작은 단위의 정보들을 요청할 수 있도록 해준다. AJAX 기술은 인터넷 응용프로그램을 더 작고 빠르.. 2009. 7. 28.
[기초] AJAX 튜토리얼 최근에 AJAX에 대해 관심을 갖게 되었다. 웹페이지를 새로고침하지 않고도 페이지 내 컨텐츠를 업데이트할 수 있다는 것이 매우 흥미롭다. 대표적으로 구글 지메일 등에서 AJAX를 쓴다고 하는데, 여러 면에서 활용도가 높다. 전문서적을 사기 전에 책을 고를 수 있는 안목을 높히기 위해 웹에서 쉬운 튜토리얼을 찾았다. 원문 : AJAX Tutorial 간략히 정리해 본다. AJAX = Asynchronous JavaScript and XML (비동기 자바스크립와 XML) AJAX는 자바스크립트와 HTTP 요청에 근거한다. AJAX는 구글에 의해(구글 검색제시어 기능) 2005년 무렵 유명해진 프로그래밍의 일종이다. AJAX는 새로운 프로그래밍 언어가 아니라 기존의 표준을 사용하는 새로운 방법이다. 2009. 7. 28.