Podés ver la explicación completa sobre Remote.XHR 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.
El código de recibe.php es el siguiente:
$('uno').addEvent('click', function() { //Creamos nuestro objeto XHR var mooXHR = new XHR( { method:'get', //indicamos como método 'get' para recibirlo con php usando $_GET['variable']. onRequest: function() { //Cuando se inicia la petición, mostramos un pequeño mensaje en nuestro div $('respuesta1').setHTML('Enviando...'); }, onSuccess: function() { //Cuando obtengamos una respuesta, la mostramos dentro del div 'respuesta1'. $('respuesta1').setHTML(this.response.text); } }); //Enviamos la petición a recibe.php pasando la variable ejemplo=uno y esperamos la respuesta. mooXHR.send('recibe.php','ejemplo=uno'); });
Click para probar
El código de recibe2.php es el siguiente:
$('dos').addEvent('click', function(ev) { new Event(ev).stop(); var mooXHR = new XHR( { method:'get', onRequest: function() { $('respuesta2').setHTML('Enviando...'); }, onSuccess: function() { $('respuesta2').setHTML(this.response.xml);//Aqui esta el cambio, text por xml } }); mooXHR.send('recibe2.php','ejemplo=uno'); });
Click para probar
Click para probar
$('tres').addEvent('click', function(ev) { new Event(ev).stop(); var mooXHR = new XHR( { onFailure: function() { $('respuesta3').setHTML('Algo anda mal...'); } }); //recibe3.php no existe mooXHR.send('recibe3.php','ejemplo=uno'); });