javascript - 在表单将 Mootools 1.1 发送到 Mootools 1.4.1 后更新 div

Question

我有这个 Mootools 1.11 脚本，它在提交表单后更新 div，表单将数据发送到“form.php”文件并返回类似“表单已发送”的消息。

我想把它转换成 mootools 1.4.1

Mootools 1.11

    $('myform').addEvent('submit', function(e) {

        new Event(e).stop();
        var log = $('log_res').empty().addClass('ajax-loading');
        this.send({
            update: log,
            onComplete: function() {
                log.removeClass('ajax-loading');

            }
        });
    });

我希望有人能帮助我。谢谢

Answer 1

new Event() 构造函数将不起作用。事件现在自动标准化。只是 e.stop();

更新:在Request.HTML 之外不起作用。 http://mootools.net/docs/core/Request/Request.HTML - 还有 this.send(URL); - 你最好这样做:

$('myform').addEvent('submit', function (e) {
    e.stop();

    var log = $('log');

    new Request.HTML({
        url: this.get('action'),
        data: this,
        update: log,
        onRequest: function(){
            log.addClass('ajax-loading').empty();
        },
        onComplete: function(){
            log.removeClass('ajax-loading');
            // can also do:
            // log.set('html', this.response.text); 
        }
    }).send();
});

目前 jsfiddle 正在播放，但当它回来时:http://jsfiddle.net/mFRZP/

Element helpers 非常适合快速工作，但您确实需要控制和清晰度来了解自己在做什么。

能用Request就不用Request.HTML了。