jQuery17 [기초] AJAX 브라우저 지원 AJAX - 브라우저 지원 AJAX의 핵심은 XMLHttpRequest 객체다. 최근의 모든 브라우저들은 내장된 자바스크립트 XMLHttpRequest 객체를 사용해 XMLHttpRequest 객체를 만든다. (IE5, IE6는 ActiveObject를 사용한다.) 앞서만든 "testAjax.htm" 파일에 XMLHttpRequest 객체를 생성하는 자바스크립트를 추가해보자. 이름: 시간: 예제 설명 : 1. XMLHttpRequest 객체를 저장할 xmlhttp 변수를 만든다. 2. xmlhttp=new XMLHttpRequest() 에서 XMLHttpRequest 객체 생성을 시도한다. 3, 만약 실패했을 경우, xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")로 시.. 2009. 7. 28. [기초] 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. 이전 1 2 3 4 5 다음