Please Enable JavaScript!
Gon[ Enable JavaScript ]

Dojo를 이용해서 간단하게 Ajax 통신 구현 예제

웹 프로그래밍/자바스크립트
반응형

XMLHttpRequest 객체가 담당하던 부분은 Dojo.io 의 dojo.io.bind() 함수로 대체한다.
이 함수의 파라미터는 여러개의 해쉬값으로 받는다. key, value 의 쌍으로 받는다는 것이다.
해쉬값들 속에 객체초기화나 콜백함수등을 포함한다.

구현을 위해선 먼저 Dojo 스크립트 파일을 상단에 포함한다.
<script language="javascript" type="text/javascript" src="scripts/dojo/dojo.js">

함수구현내용이다.
function getData(data) {
    dojo.io.bind({
        url : url + "?method=list",
        load : function(type, data, evt){ajaxStatus(data);},
        error : function(type, error){ajaxError(error);},
        mimetype : "text/plain"
   });
}

url 은 호출하고자 하는 주소를 넣는다.
load 는 성공/실패에 따른 콜백함수 객체를 넣어주면 된다.
함수 파라미터 인자중 type 은 Ajax 응답이 정상인지 에러인지에 대한
여부가 담겨있고 data 는 성공일때 리턴되는 것이다.
evt 는 DOM 이벤트를 나타낸다.
error 는 에러가 발생했을때 호출할 콜백함수 객체를 넘긴다.
mimetype 은 리턴되는 형식을 지정할때 쓰는데  text/plain 은
일반 텍스트 형태로 반환되게 된다.
반응형
Posted by 녹두장군1
,