Request.HTML

A common practice with Ajax is to update the content of a DOM element with the results of an Ajax request. In other words, fetch new html and replace the inner HTML of some DOM element with the new HTML.

MooTools provides a Request extension that automates this for you. Here is the documentation for Request.HTML.js. It takes all the same options as Request plus three new ones:

update

The Element to insert the response text of the Request into upon completion of the request.

evalScripts

If set to true, script tags inside the response will be evaluated. Defaults to true.

evalResponse

If set to true, the entire response will be evaluated. Defaults to false.

Here's an actual working Request request you can execute:

new Request.HTML({
	url: '/Ajax.Request.Example.html',
	method: 'get',
	update: 'ajaxExample',
	evalScripts: true, /* this is the default */
	onComplete: function(){console.log('ajax complete!')}
}).send();

Note that you can keep the Request object around:

var myRequest = new Request(...);

Also note that creating an instance of the class doesn't actually fire the request; you need to call the method .send() to do that.