在将Mootools 1.1发送到Mootools 1.4.1之后更新div

时间:2013-07-05 14:28:52

标签: javascript mootools mootools1.2

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

我想将其转换为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');

            }
        });
    });

我希望有人帮助我。 感谢

1 个答案:

答案 0 :(得分:4)

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。