ajax 의 기본구조

 

 js 소스 압축 : http://hometown.aol.de/_ht_a/memtronic/

html 도구검사 : html validator

xmlhttpdebuger 설치 : 1. 파폭 플러그인 다운로드 GreaseMonkey

  2. http://blog.monstuff.com/archives/images/XMLHttpRequestDebugging.v1.2.user.js

 

 

* XMLHttpRequest의 동기적 이용 예제 xmlhttp.open("GET", "test.html", false); xmlhttp.send(null); //send의 위치가 비동기와 틀리다. if (xmlhttp.statusText == "OK") { //statusText: HTTP응답문자열을 반환한다. (성공일경우: OK) alert(xmlhttp.responseText); //resoponseText: HTTP요청결과를 문자열형태로 반환한다. } * XMLHttpRequest의 비동기적 이용 예제 xmlhttp.open("GET", "test.html", true); //디폴트는 true이며 생략가능 xmlhttp.onreadystatechange = function() { //onreadstatechang: XMLHttpRequest객체의 상태가 변할때 핸들러 지정   if (xmlhttp.readyState == 4) { //readyState: XMLHttpRequest객체의 상태가 변할때 각 상태값을 반환한다.   //0:uninitalized 1:Loading 2:Loaded 3:interactive 4:complete      if (xmlhttp.status == 200) { //status: HTTP응답코드를 반환한다. (성공일경우:200)       document.getElementById("result").innerHTML = xmlhttp.responseXML;       //responseXML: HTTP요청결과를 XMLDocument 오브젝트로 반환한다.     }   } } xmlhttp.send(null); //readyState: XMLHttpRequest객체의 상태가 변할때 각 상태값을 반환한다.

이 글은 스프링노트에서 작성되었습니다.

.