본문 바로가기

분류 전체보기

XML의 손쉬운 DOM 해석 글은 한빛미디어 Ajax입문 책의 내용을 제가 나름대로 정리 한 겁니다. responseXML로 받은 다음 DOM으로부터 데이터를 뽑아 내는 데에는 여러 가지 방법이 있습니다만, 아래 예제는 크로스 브라우저로 안정적으로 동작하는 "태그 이름으로 검색하여 해당 태그의 firstChild에 대해 nodeValue를 얻어 낸다"라는 방법을 쓰고 있습니다. 만약, XML 안에 "value"이라는 태그가 있어서 다음과 같이 쓰여져 있으면, 아래와 같은 방법으로 얻어 냅니다. XML test JavaScript //수신 xdoc = oj.responseXML; //XML 안에 "value"라는 이름의 태그(요소) 배열을 만든다 var value = xdoc.getElementByTagName("value") //배.. 더보기
JSON(JavaScript Object Notation) 이 글은 한빛미디어 Ajax입문 책의 내용을 제가 나름대로 정리 한 겁니다. JSON은 경량 데이터 교환 형식입니다. 사람이 읽기 쉽고, 쓰기 쉽고, 또 기계에도 해석과 생성이 용이한 형식이며 JavaScript에 근거한 부분집합입니다. 예를 들어, 아래와 같이 쓰입니다. var oj = { "프로퍼티 이름" : "값", "메소드 이름" : function(){ alert('쑝!!') } } oj오브젝트가 생성되었으며 oj.프로퍼티 이름으로 "값"을 얻어 낼 수 있으며 oj.메소드 이름()으로 쑝!!을 출력할 수 있습니다. 또한 JavaScript로는 배열도 다음과 같은 꼴로 다룰 수 있는 경우가 자주 있습니다. var ary = { "값1", "값2", "값3" } XML을 대신할 데이터 교환용 형식으.. 더보기
ajax 레퍼런스 이 글은 한빛미디어 Ajax입문 책의 내용을 제가 나름대로 정리 한 겁니다. HTTP 요청 초기화 : open() open()메소드는 요처을 초기화하고 HTTP메소드 및 URL등을 설정합니다. request = 오브젝트 생성함수(); request.open("GET", "test.xml"); 위 코드는 test.xml을 읽어 들입니다. open() 메소드의 첫번째 인수는 GET이나 POST를 지정하고 두번째 인수는 요청할 URL입니다. 송신 : send() open()에 의해 접속을 초기화한 후 send()메소드로 요청을 송신합니다. request.send(null); request.send(""); 일반적으로 "null"을 사용하지만 크로스 브라우저를 위해 send("")사용을 권장합니다. GET re.. 더보기
ajax 레퍼런스 XMLHTTP 이 글은 한빛미디어 Ajax입문 책의 내용을 제가 나름대로 정리 한 겁니다. XMLHTTP : 윈도우판 IE에 XMLHTTP 오브젝트를 생성하는 클래스 if(window.ActiveXObject){ try{ oj = new ActiveXObject("Msxml2.XMLHTTP"); }catch(e){ try{ oj = new ActiveXObject("Microsoft.XMLHTTP"); }catch(e2){ oj = null; } } } XMLHttpRequest : 윈도우 IE 이외에서 XMLHTTP 오브젝트를 생성하는 생성자 if(window.XMLHttpRequest){ oj = new XMLHttpRequest(); }else{ oj = null; } ajax의 XMLHTTP 오브젝트를 생성하기.. 더보기