Mootools表單提交和內容更改

Question

我想用my.php的輸出點擊提交按鈕後，替換my_div的內容。我想要使​​用mootools JavaScript庫來實現此目的。我怎樣才能做到這一點？

<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包，它不正是你需要的。