Introducción a AJAX con PHP y formularios (2)

Tercer ejemplo; Envío de datos por el método POST

Por último y para terminar, enviar datos por el método post. Habrá que cambiar algunas cosas en la función cargarContenido:
Debemos agregar una línea adicional: setRequestHeader especifica qué tipo de datos llegarán al servidor. Asímismo especificamos el método en el método open y ahora sí utilizaremos parámetros para send.

La función quedaría de la siguiente manera:

function cargarContenido(){ var t1, t2, contenedor; contenedor = document.getElementById('contenedor'); t1 = document.getElementById('texto1').value; t2 = document.getElementById('texto2').value; ajax=nuevoAjax(); ajax.open("POST", "ejemploajax2.php",true); ajax.onreadystatechange=function() { if (ajax.readyState==4) { contenedor.innerHTML = ajax.responseText } } ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); ajax.send("t1="+t1+"&t2="+t2) }

Notas adicionales

• Por algún extraño motivo, el objeto que es usado una vez ya no se puede usar otra vez. Por eso en la función cargarContenido siempre se llama a la función para crear un nuevo objeto ajax. Si no entienden de qué hablo, creen el objeto fuera de la función y verán cómo sólo funciona una vez
• Enviar y recibir datos con acentos/símbolos extraños es un dolor de cabeza. Básicamente, en php es la utilización de utf8_decode cuando se reciben y de utf8_encode cuando se envían.

Espero les haya ilustrado este tutorial.

Usuarios que han visto este tema también han visto...

- Detectar mediante JavaScript cuando una imagen no es cargada
- Reordenar lista mediante mootools con Javascript
- Abrir ventana sin bordes
- Jerarquia Javascript
- Efectos Rollover

- Versión imprimible de este documento

- Enviar por e-mail este documento