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軟件包，該軟件包完全可以滿足您的需求。