MooToolsでAjaxする方法

MooToolsでAjaxをするにはRequestを使う。

view plainprint?

1. //まずは設定  
2. var req = new Request({   
3.  url: "/sample/dir" ,  
4.  onSuccess: function(res){  
5.   //成功時  
6.  },  
7.  onFailure: function(xhr){  
8.   //失敗時  
9.  }  
10. });  
11.   
12. //通信開始  
13. req.send();  

//まずは設定
var req = new Request({ 
 url: "/sample/dir" ,
 onSuccess: function(res){
  //成功時
 },
 onFailure: function(xhr){
  //失敗時
 }
});

//通信開始
req.send();

■画像、JavaScrip、cssを動的に読み込む
JavaScript、css、画像などを動的に読み込みたい場合はAssetsというのもある。
これはmootools-coreには入っていないのでmoreを別途入れないと使えない
こっちはXMLHttpRequestで通信するのではなくて、エレメントを作ってる

view plainprint?

1. //取得するだけなのでnewしない。  
2. //image要素が返ってくる  
3. var myImage = Asset.image(画像へのパス);  
4.   
5. //script要素が返ってくる  
6. var myJs = Asset.javascript(ファイルへのパス);  
7.   
8. //link要素が返ってくる  
9. var myJs = Asset.css(ファイルへのパス);  

//取得するだけなのでnewしない。
//image要素が返ってくる
var myImage = Asset.image(画像へのパス);

//script要素が返ってくる
var myJs = Asset.javascript(ファイルへのパス);

//link要素が返ってくる
var myJs = Asset.css(ファイルへのパス);

参考：
MooTools基礎文法最速マスター
Assetsメソッド: javascript