Mootools 양식 제출 및 콘텐츠 변경

Question

my_div의 콘텐츠를 사용자가 제출 버튼을 클릭 한 후 my.php에서 오는 결과로 대체하고 싶습니다. 나는 mootools 자바 스크립트 라이브러리를 사용하여 이것을 달성하고 싶다. 어떻게해야합니까?

<div id="my_div"> 
<form name="myform" action="http://www.domain.com/my.php" method="POST"> 
<br><br> 
<input type="text" size="25" value="Enter your name here!"> 
<br><input type="submit" value="Send me your name!"> 
</div> 

감사합니다.

Answer 1

제출 단추에 ID를 부여해야합니다.이 예에서 'fsubmit'을 선택했습니다. 그리고 'f'는 양식의 ID입니다.

$('fsubmit').addEvent('click', function(e) { 
    e = new Event(e).stop(); 

    var url = $('f').get('action'); 

    var request = new Request({ 
     url: url, 
     method: 'get', 
     onComplete: function(response) { 
      $('my_div').set('html', response); 
     } 
    }); 

    request.send(); 
}); 

또는 바로 가기를 사용할 수는 : http://mootools.net/docs/core/Request/Request.HTML

Answer 2

사실, MooTools More는 당신이 필요로 정확히 수행이 Form.Request 패키지를 가지고있다.