domingo, 18 de mayo de 2008

Javascript Request POST and PHP

Como ya sabeis desde html la unica forma de hacer una peticion POST es a través de un formulario. Pero y si quereis mandar una información sin tener que usar un formulario.

Bien en este ejemplo os cuento como hacer una peticion desde javascript (cliente) y capturarla desde un php (servidor). Estos tutoriales son los más utiles porque puedes entender perfectamente su funcionamiento debido a su simplicidad, y ayudarte a iniciarte.

Bien pues lo primero que vamos ha hacer es generarnos un fichero javascript que constituirá como nuestra pequeña libreria para hacer Request.

Crear un fichero llamado xmlhttp.js con el siguiente contenido:

function getXMLHttp() {
var XMLHttp = null;
if (window.XMLHttpRequest) {
try {
XMLHttp = new XMLHttpRequest();
} catch (e) { }
} else if (window.ActiveXObject) {
try {
XMLHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
      try {
XMLHttp = new ActiveXObject(
"Microsoft.XMLHTTP");
} catch (e) { }
}
}
return XMLHttp;
}

Ahora crearemos el fichero html que contendrá el código javascript que se ejecuta en cliente para hacer la petición. Este fichero lo llamaremos request.html y contendrá:


Por ultimo crearemos el fichero post.php que se ejecuta en el servidor y que captura la petición post :

 if (isset($_POST['word1']) &&
isset($_POST['word2'])) {
echo $_POST['word1'] . ' ' . $_POST['word2'];
} else {
echo 'No data sent.';
 }?>
 

Y eso es todo ;)

No hay comentarios: