javascript - 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