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

【问题标题】：Update div after form send Mootools 1.1 to Mootools 1.4.1表单将 Mootools 1.1 发送到 Mootools 1.4.1 后更新 div
【发布时间】：2013-07-05 14:28:52
【问题描述】：

我有这个 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');

            }
        });
    });

我希望有人帮助我。谢谢

【问题讨论】：

我使用的代码来自：demos111.mootools.net/Ajax.Form
好的，什么不起作用。你得到什么错误？
我想把脚本转换成 mootools 1.4.1
看起来你得到了一个很好的答案。如果有帮助别忘了点击接受。

标签： javascript mootools mootools1.2

【解决方案1】：

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

update：在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/

元素助手非常适合快速工作，但您确实希望控制和清晰地知道自己在做什么。

当你可以使用 Request 时，不需要使用 Request.HTML。

【讨论】：