Question

用户点击提交按钮后，我想替换my_div的内容，其输出来自my.php。我想用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包，它可以完全满足你的需要。

Mootools表格提交＆amp;内容改变

2 个答案: