'Java Script & DOM' 카테고리의 글 목록 (4 Page)

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

jQuery의 Ajax지원

jQuery Ajax 지원 함수 $(selector).load(url,data,callback) $.ajax(options) $.get(url,data,callback,type) $.post(url,data,callback,type) $.getJSON(url,data,callback) $.getScript(url,callback) 파라미터 url 은 Ajax 요청을 할 문서의 url 주소이고, data는 키/값으로 구성된 파라미터, callback은 모든 작업이 끝난 후 실행할 함수이다. type은 문서 타입을 ..

Java Script & DOM/jQuery 2010.04.08

jQuery로 CSS 다루기

jQuery로 CSS를 다루는 방법이다. jQuery로 CSS 지원하는 함수는 다음과 같다. $(선택자).css(이름, 값) $(선택자).css({css속성들}) $(선택자).css(이름) 1. $(선택자).css(이름, 값) $("p").css("back-ground","green"); 2. $(선택자).css({css속성들}) $("p").css({"background-color":"yellow","font-size":"200%"}); 3. $(선택자).css(이름) $(this).css("backgr..

Java Script & DOM/jQuery 2010.04.08

jQuery로 HTML 문서 수정하기

1. 요소안 콘텐츠 변경하기 $(selector).html(content) html() 함수는 innerHTML 과 같은 작용을 하며 선택된 요소의 콘텐츠 내용을 변경한다. 2. 요소안 콘텐츠 추가하기 $(selector).append(content) append() 함수는 선택된 요소의 뒤에 콘텐츠를 추가한다. $(selector).prepend(content) prepend() 함수는 선택된 요소의 앞에 콘텐츠를 ..

Java Script & DOM/jQuery 2010.04.07

일	월	화	수	목	금	토
			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	31

게으른 개발자 되기

Java Script & DOM 78

티스토리툴바