[컴][웹] Request 함수 , XMLHttpRequest with Mootools

무툴 Mootools 로 XMLHttpRequest 함수 사용 하기
Request function in Mootools
비동기로 화면 전환, 바꾸기



Test 방법

1. 아래 파일을 서버에 카피 한다.
   
2. 그리고 Server_testSimpleRequest.htm URL 에 접근한다.

simpleRequestTest.zip

아래 자바스크립트 javascript 를 보면 알겠지만 DOM Ready 상태에서 작동하게 되어 있다.
단순하게 GET method 를 사용해서 test.htm 을 불러오는 것이다. local 에서 테스트를 못하는 이유는 

  http://i5on9i.tistory.com/382 
  
에서 얘기한 것 처럼 security 때문에 ajax 에서는 같은 domain 의 file 만 load 할 수 있다.
테스트는 서버에 올려놓고 하는 것이 손쉽다.

simpleRequest.js

//once the DOM is ready

window.addEvent('domready', function() {

  var myElement = document.id('myElement');

   

  var myRequest = new Request({

    method: 'get',

    url: 'test.htm',

    onRequest: function(){

        myElement.set('text', 'loading...');

    },

    onSuccess: function(responseText){

        myElement.set('text', responseText);

    },

    onFailure: function(){

        myElement.set('text', 'Sorry, your request failed :(');

    }

  });

  // do action

  myRequest.send();

} 

 

 );

Other References

• php를 이용해서 다른 domain 의 page 를 불러오는 방법:  http://www.hashbangcode.com/blog/using-jquery-load-content-page-without-iframe-536.html