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();

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。