Podés ver la explicación completa sobre Remote.AJAX en mi blog,
donde también podrás encontrar mas información, ejemplos y tutoriales sobre Mootools en Castellano como asi también
sobre algunos otros temas.

Suscribite a mi blog para recibir articulos directamente en tu lector de Feeds favorito.

Remote.AJAX.js

Ejemplo de uso

  1. $('uno').addEvent('click', function(ev)
  2. {
  3. 	new Event(ev).stop();
  4. 	var miAjax = new Ajax('recibe.php',
  5. 	{
  6. 		method: 'get', //Elegimos el método de envio
  7. 		data:'ejemplo=uno&variable=mootools', //las variables que pasamos a php
  8. 		update: $('respuesta1') //el div con id respuesta1 es donde se podrá visualizar el resultado
  9. 	});
  10. 	miAjax.request(); //Enviamos la petición
  11. }); 
  1. <?php
  2. //recibe.php
  3. echo '<strong>Estas son las variables que recibe PHP:</strong> <br/>';
  4. foreach($_GET as $llave => $valor)
  5. 	echo $llave . ' = ' . $valor . '<br/>';
  6. ?>
Click para probar

Enviando un Formulario

  1. $('dos').addEvent('click', function(ev)
  2. {
  3. 	new Event(ev).stop();
  4. 	var miAjax = new Ajax('recibe.php',
  5. 	{
  6. 		method: 'get',
  7. 		data:$('form1'),
  8. 		update: $('respuesta2')
  9. 	});
  10. 	miAjax.request();
  11. }); 
  1. <?php
  2. //recibe.php
  3. echo '<strong>Estas son las variables que recibe PHP:</strong> <br/>';
  4. foreach($_GET as $llave => $valor)
  5. 	echo $llave . ' = ' . $valor . '<br/>';
  6. ?>
Ejemplo:
Variable: 
  1. <form id="form1" method="get">
  2. Ejemplo: <input type="text" name="ejemplo" value="dos" /><br />
  3. Variable: <input type="text" name="variable" value="mootools" /><br />
  4. </form>
Click para probar

Enviando un Objeto

  1. $('tres').addEvent('click', function(ev)
  2. {
  3. 	new Event(ev).stop();
  4. 	var miAjax = new Ajax('recibe.php',
  5. 	{
  6. 		method: 'get',
  7. 		data:
  8. 		{
  9. 			ejemplo: 'tres',
  10. 			variable: 'mootools'
  11. 		},
  12. 		update: $('respuesta3')
  13. 	});
  14. 	miAjax.request();
  15. }); 
  1. <?php
  2. //recibe.php
  3. echo '<strong>Estas son las variables que recibe PHP:</strong> <br/>';
  4. foreach($_GET as $llave => $valor)
  5. 	echo $llave . ' = ' . $valor . '<br/>';
  6. ?>
Click para probar

evalScripts

  1. $('cuatro').addEvent('click', function(ev)
  2. {
  3. 	new Event(ev).stop();
  4. 	var miAjax = new Ajax('recibe2.php',
  5. 	{
  6. 		method: 'get',
  7. 		data:'ejemplo=cuatro&variable=mootools',
  8. 		update:$('respuesta4'),
  9. 		evalScripts: true
  10. 	});
  11. 	miAjax.request();
  12. });
  13.
Este es el código de recibe2.php 
  1. <script type="javascript">
  2. alert('evalScripts');
  3. </script>
  4. <?php echo 'Aqui puede haber cualquier cosa, solo se evaluan los scripts';?>
  5. <script type="javascript">
  6. <?php
  7. $retorno =  'ejemplo = ' . $_GET['ejemplo'] . ' y variable = ' . $_GET['variable'];
  8. echo 'alert("' . $retorno . '");';
  9. ?>
  10. </script>
Click para probar

evalResponse

  1. $('cinco').addEvent('click', function(ev)
  2. {
  3. 	new Event(ev).stop();
  4. 	var miAjax = new Ajax('recibe3.php',
  5. 	{
  6. 		method: 'get',
  7. 		data:'ejemplo=cuatro&variable=mootools',
  8. 		update:$('respuesta5'),
  9. 		evalResponse: true
  10. 	});
  11. 	miAjax.request();
  12. }); 
  1. <?php
  2. //recibe3.php
  3. $retorno =  'ejemplo = ' . $_GET['ejemplo'] . ' y variable = ' . $_GET['variable'];
  4. echo 'alert("' . $retorno . '");';
  5. ?>
Click para probar

Método evalScripts

  1. $('seis').addEvent('click', function(ev)
  2. {
  3. 	new Event(ev).stop();
  4. 	var miAjax = new Ajax('recibe2.php',
  5. 	{
  6. 		method: 'get',
  7. 		data:'ejemplo=cuatro&variable=mootools',
  8. 		update:$('respuesta6'),
  9. 		onComplete: function()
  10. 		{
  11. 			this.evalScripts();
  12. 		}
  13. 	});
  14. 	miAjax.request();
  15. });
Este es el código de recibe2.php 
  1. <script type="javascript">
  2. alert('evalScripts');
  3. </script>
  4. <?php echo 'Aqui puede haber cualquier cosa, solo se evaluan los scripts';?>
  5. <script type="javascript">
  6. <?php
  7. $retorno =  'ejemplo = ' . $_GET['ejemplo'] . ' y variable = ' . $_GET['variable'];
  8. echo 'alert("' . $retorno . '");';
  9. ?>
  10. </script>
Click para probar

Método getHeader

  1. $('siete').addEvent('click', function(ev)
  2. {
  3. 	new Event(ev).stop();
  4. 	var miAjax = new Ajax('recibe4.php',
  5. 	{
  6. 		method: 'get',
  7. 		data:'ejemplo=cuatro&variable=mootools',
  8. 		onComplete: function()
  9. 		{
  10. 			$('respuesta7').setHTML('Content-type ' + this.getHeader('Content-type'));
  11. 		}
  12. 	});
  13. 	miAjax.request();
  14. }); 
  1. <?php
  2. //recibe4.php
  3. header("Content-type: application/x-javascript" );
  4. $retorno =  'ejemplo = ' . $_GET['ejemplo'] . ' y variable = ' . $_GET['variable'];
  5. echo 'alert("' . $retorno . '");';
  6. ?>
Click para probar

Atajo send

  1. $('ocho').addEvent('click', function(ev)
  2. {
  3. 	new Event(ev).stop();
  4. 	$('form2').send(
  5. 	{
  6. 		update: $('respuesta8')
  7. 	});
  8. }); 
  1. <?php
  2. //recibe5.php
  3. echo '<strong>Estas son las variables que recibe PHP:</strong> <br/>';
  4. foreach($_POST as $llave => $valor)
  5. 	echo $llave . ' = ' . $valor . '<br/>';
  6. ?>
Ejemplo:
Variable: 
  1. <form id="form2" method="post" action="recibe5.php">
  2. Ejemplo: <input type="text" name="ejemplo" value="ocho" /><br />
  3. Variable: <input type="text" name="variable" value="mootools" /><br />
  4. </form>
Click para probar