jQuery函数转换为MooTools

jQuery function to MooTools

本文关键字:MooTools 转换 函数 jQuery      更新时间:2023-09-26

我开始学习MooTools,到目前为止,我发现如何制作类似jQuery版本的代码非常困难

<span id="clickme" onclick="myFunction(5,46,'add')"/> I'm a span</span>
function myFunction(id,iduser,type){
// ajax request with this values
}

在MooTools 中

window.addEvent('domready', function() { 
    $('clickme').addEvent('click', function()
    {
            // ajax request ...
    });
} 

er。什么您已经完成了点击处理程序,为什么不调用您的函数呢?

window.addEvent('domready', function() { 
    $('clickme').addEvent('click', function() {
          // get from html el
          var a = this.get('data-a'), b = this.get('data-b');
          new Request({
              url: 'someurl/',
              method: 'get',
              onComplete: function() {
                  console.log(this.response.text);
              }
          }).send({a: a, b: b}); // sends somerul/?a=nn&b=nn
    });
});

这可以与<span id='clickme' data-a='5' data-b='45'>click me</span> 配合使用

只需阅读文档和一些教程——许多例子比较了许多框架中的ajax。这条消息今天发布在推特上:http://wernancheta.wordpress.com/2012/08/03/performing-ajax-calls-on-jquery-dojo-and-mootools/-不是说它黏糊糊的,而是它在那里。

http://mootools.net/docs/core/Request/Request

http://mootools.net/docs/core/Element/Element.Event#Element:addEvent