Отправка формы Mootools и изменение содержания

Question

Я хочу заменить содержимое my_div после того, как пользователь нажмет кнопку отправки, с выводом, полученным из my.php. Я хочу добиться этого с помощью библиотеки JavaScript 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

Вы должны присвоить кнопке отправки идентификатор, в этом примере я выбрал «fsubmit».И 'f' - это идентификатор формы.

$('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, который делает именно то, что вам нужно.