Dojo Hello World

from: http://www.iteye.com/topic/91579
dojo 의 로드 는 네 단계 가 있 으 며, 순 서 는 반드시 뒤 바 뀌 어 서 는 안 된다.
1. dojo 설정 불 러 오기
<script type="text/javascript">   
var djConfig = {   
        bindEncoding: 'UTF-8'   
};   
</script>  

2. dojo. js 파일 가 져 오기
<script type="text/javascript" src="js/dojo/dojo.js"></script>  

3. 사용자 정의 함수
<script>…………….</script>

4. 초기 로드 함수 정의 
/ / 위의 스 크 립 트 에 연결  
function initMethod()   
{   
   var helloButton = dojo.widget.byId('helloButton');   
   ojo.event.connect(helloButton, 'onClick', 'helloPressed');   
}   
dojo.addOnLoad(initMethod);   

Hellword 의 예 에서 메 인 라인 은 하나의 button 입 니 다. 이 를 통 해 세 개의 서로 다른 함 수 를 촉발 하여 세 가지 전형 적 인 dojo 호출 을 실현 합 니 다. 다음은 다음 과 같 습 니 다.
1. 바로 팝 업 대화 상자 입 니 다.(클 라 이언 트 의 JavaScript 함 수 를 직접 호출 합 니 다)
helloPressed 함 수 를 정의 하고 alert 방법 을 직접 호출 하면 됩 니 다.
2. get 방법 으로 백 스테이지 와 통신 합 니 다.
마찬가지 로 helloPressed 함 수 를 정의 하 는데 그 구체 적 인 내용 은 다음 과 같다.
function helloPressed()   
{   
        dojo.io.bind({   
   
                       url: 'Operator.jsp',   
   
                       load: helloCallback,   
   
                       error: helloCallbackError,   
   
                       content: {user: dojo.byId('name').value }   
   
                    });   
}   

백 스테이지 와 통신 할 때 관건 적 인 호출 은 바로 이 dojo. io. bind 입 니 다.그 중의 url 은 말 하지 않 겠 습 니 다. load 는 응답 을 받 은 후의 처리 함 수 를 표시 합 니 다. error 는 서버 측 이 잘못 보고 한 후의 처리 함 수 를 표시 합 니 다. content 는 get 방법 으로 전송 할 내용 을 표시 합 니 다. 그 중에서 user 는 변수 이름 을 표시 하고 배경 에서 getParameter (user) 로 변수 값 을 얻 을 수 있 습 니 다. user 뒤의 것 은 변수 값 입 니 다.
3. post 방법 으로 백 스테이지 와 통신 합 니 다.
helloPressed 함 수 를 정의 합 니 다. 구체 적 인 내용 은 다음 과 같 습 니 다.
function helloPressed()   
{  
          dojo.io.bind({   
                         url: 'Operator.jsp',   
                         load: helloCallback,   
                         error: helloCallbackError,   
                       ///formNode                 ,   dojo.io.bind    
                       ///       ( post   ),        。   
                       formNode: dojo.byId('myForm')   
                    });   
} 
 
여기 서 다른 것 은 formNode 속성 일 뿐 입 니 다.이 속성 은 전송 할 form 을 지정 합 니 다.시험 에서 지정 한 form 은 제출 되 지 않 았 고 dojo. io. bid 만 form 의 변 수 를 추출 한 다음 에 자신의 방법 으로 서버 에 제출 한 것 을 발 견 했 습 니 다.
이로써 세 가지 전형 적 인 dojo 방법 호출 이 완성 되 었 다.
다음은 hello Callback 과 hello Callback Error 함수:
1, helloCallback 함수
 
function helloCallback(type, data, evt)   
{   
                  alert(data);   
                  ///alert(evt instanceof XMLHttpRequest);   
}   

이 함수 의 매개 변 수 는 모두 특정한 것 이다.그 중에서 data 는 서버 에서 전 송 된 텍스트 이 고 evt 는 XML HttpRequest 변수 입 니 다.
2, helloCallbackError 함수
function helloCallbackError(type, error) {   
   
                      alert("Error when retrieving data from the server!")   
   
}  

이 함수 의 매개 변수 도 마찬가지 로 고정 되 어 있다.
마지막 으로 get 이나 post 방법 으로 서버 와 통신 할 때 중국어 문제 해결 에 대해 말씀 드 리 겠 습 니 다.
Operator. jsp 이 페이지 에 서 는 인 코딩 정 보 를 설정 하지 않 아 도 중국 어 를 정확하게 표시 할 수 있 습 니 다.여기 서 dojo 의 클 라 이언 트 프로그램 에 서 는 UTF - 8 로 만 인 코딩 할 수 있 습 니 다.
더 복잡 한 응용 프로그램 (예 를 들 어 데이터 베 이 스 를 연결 하 는 것) 에서 어 지 러 운 코드 문제 가 발견 되면 서버 쪽 의 문제 일 것 입 니 다. 서버 쪽 의 프로그램 에서 인 코딩 형식 을 바 꾸 면 해결 할 수 있 습 니 다.

좋은 웹페이지 즐겨찾기