#result {
width: 500px;
padding: 10px;
background-color: #F9F9F9;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
window.addEvent('domready', function(){
// You can skip the following line. We need it to make sure demos
// are runnable on MooTools demos web page.
var demo_path = window.demo_path || '';
// --
//We can use one Request object many times.
var req = new Request({
url: demo_path + 'data.txt',
onSuccess: function(txt){
$('result').set('text', txt);
},
// Our request will most likely succeed, but just in case, we'll add an
// onFailure method which will let the user know what happened.
onFailure: function(){
$('result').set('text', 'The request failed.');
}
});
$('makeRequest').addEvent('click', function(){
req.send();
});
$('failedRequest').addEvent('click', function(e){
//We can pass new options for our Request object to the send method.
req.send({url:'/assets/not_here.txt'});
});
});
Request Demo
Request
Introduction
Request is the basic XHR request class in MooTools. While not extremely useful on its own, it provides the basic functionality for both Request.HTML and Request.JSON.
Make Request | This Request Will Fail
Result
Waiting for the request to happen.