'Java Script & DOM/Ajax' 카테고리의 글 목록

Ajax - 작성 예제

display.jsp 페이지(서버 처리 결과를 가져와 보여주는 페이지) <%@ page contentType="text/html; charset=EUC-KR" pageEncoding="EUC-KR"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=EUC-KR"> <title>Insert title he..

Java Script & DOM/Ajax 2010.04.29

XMLHttpRequest 객체 속성과 메소드

● XMLHttpRequest 객체의 속성 속 성 설 명 onreadystatechange 서버의 처리 상태 변화에 따른 이벤트 발생/처리 상태 readyState 프로퍼티로 제공 readyState Ajax 통신 진행 상태 status 서버의 처리 결과 (200~299: 성공, 403: 접근거부, 404: 파일/어플리케이션이 존재하지 않음) statusText status에 대한 문자열 responseText 텍스트..

Java Script & DOM/Ajax 2010.04.29

XML 데이터 처리 방법

서버의 응답이 XML 형태의 데이터라면 XML DOM을 사용하여 XML 데이터를 파싱하여 처리한다. function loadXMLDoc(url) { if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else { // code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange = function() { if (xmlhttp.readyState..

Java Script & DOM/Ajax 2010.04.29

onreadystatechange 이벤트

onreadystatechange 이벤트는 readyState 값이 변경 될 때 자동으로 실행되는 함수로, 서버의 응답결과를 처리할 때 readyState 값에 따른 처리방법을 onreadystatechange 함수에 작성해 놓아야 한다. readyState 값은 0~4 까지 자동으로 변경되며 해당 변경이 발생할 때 onreadystatechange 이벤트 함수를 호출한다. 다음은 readySta..

Java Script & DOM/Ajax 2010.04.29

동기화 여부에 따른 처리 방법

Ajax 사용하여 서버에 데이터를 요청할 때 동기화 여부를 지정할 수 있다. 비동기화 통신은 open() 메소드의 세 번째 인자의 값을 'true'로 주고, 동기화 통신은 open() 메소드의 세 번째 인자값을 'false'로 준다. 비동기화 통신은 요청을 보낸 후 서버의 응답을 기다리지 않고 다른 작업을 수행하다 서버의 응..

Java Script & DOM/Ajax 2010.04.29

서버의 응답 얻기

서버의 응답을 얻을 때는 XMLHttpRequest 객체의 responseText 속성과 responseXML 속성을 사용한다. responseText : 응답 결과를 문자열로 저장하고 있다. responseXML : 응답 결과를 XML 데이터 형태로 저장하고 있다. 1. responseText XML 형태의 데이터가 아니라면 responseText 속성을 사용한다. responseText 속성은 서버의 처리 결..

Java Script & DOM/Ajax 2010.04.28

서버로 요청 보내기

Ajax로 서버로 요청 보내는 방법은 XMLHttpRequest 객체의 open()메소드와 send()메소드를 사용한다. xmlhttp = new XMLHttpRequest(); xmlhttp.open("GET", "ajaxTest.jsp", true); xmlhttp.send(); ■요청 보내기 : open() 메소드 xmlhttp.open( method, url, 동기화 여부) 매개변수 설명 method: 요청 메소드를 지정(GET and POST) url: 요청을 보낼 서버의..

Java Script & DOM/Ajax 2010.04.28

XMLHttpRequest 객체 설명

XMLHttpRequest 객체는 모든 브라우저(IE, Firefox, 크롭, 오페라, 사라리 등)에서 지원하는 객체로 Ajax를 사용하여 서버에 데이터를 요청할 때 XMLHttpRequest 객체를 생성하여 데이터를 XMLHttpRequest 객체에 포함하여 서버에 전송해야 합니다. XMLHttpRequest 객체는 자바스크립트 코드를 사용하여 생성합니다. XMLHttpRequ..

Java Script & DOM/Ajax 2009.10.19

AJAX(Asynchronous JavaScript and XML, 에이쟉스 또는 아작스) 소개

Ajax는 2005년 2월 'Ajax: A new Approach to Web Application' 이라는 에세이에서 제시 제임스 개럿(Jesse James Garrett)이 처음 사용한 말입니다. Ajax는 'Asynchronous JavaScript And XML"의 약자로 XMLHttpRequest 객체와 자바스크립트 언어를 사용하여 서버와 클라이언트간의 비동기 통신을 제공하는 기술입니다. 2005년 구글을 통해..

Java Script & DOM/Ajax 2009.08.17

일	월	화	수	목	금	토
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30

게으른 개발자 되기

Java Script & DOM/Ajax 9

티스토리툴바