Buscar en este blog

lunes, 26 de noviembre de 2007

AJAX. ejemplo POST

Este codigo es la recopilación de varios mini-manuales encontrados por internet.

Este ejemplo es para enviar los parametros por el método POST.

/* ajax.js */
function Ajax() {

var XMLHttp = false;
if (window.XMLHttpRequest) {
// Si es Mozilla, Safari etc
XMLHttp = new XMLHttpRequest ();
} else {
if (window.ActiveXObject) {
// pero si es IE
try {
XMLHttp = new ActiveXObject ("Msxml2.XMLHTTP");
} catch (e) {
// en caso que sea una versión antigua
try {
XMLHttp = new ActiveXObject ("Microsoft.XMLHTTP");
} catch (e) {
return false;
}
}
} else {
return false;
}
}

return XMLHttp;
}

function cargarContenidoAjaxPOST(url, post, contenedor) {

ajax = Ajax();

if (ajax==false) {
alert("Exception AJAX");
return;
}

ajax.open("POST",url,true);

ajax.onreadystatechange=function() {

if (ajax.readyState == 4 && (ajax.status == 200 || window.location.href.indexOf ("http") == - 1)) {
contenedor.innerHTML = ajax.responseText;
}

}

ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

//ajax.send("t1="+t1+"&t2="+t2)
ajax.send(post);
}
/* FIN ajax.js */

/****************************************************/

/* documento HTML */
<script type="text/javascript" src="js/ajax.js"></script>
<script language="javascript">
function publicarCambios( form ) {
url="prueba.php";

contenedor=document.getElementById('idcontenido');

post="Accion="+form.Accion.value;

cargarContenidoAjaxPOST(url, post, contenedor);
}
</script>

<a href="javascript: publicarCambios(document.form);"
style=""
>
Publicar cambios
<form action="prueba.php" id="form" name="form" method="post">
<input type="hidden" id="Accion" name="Accion" value="pepe">
</form>
</a>
<br />
<div id="idcontenido">
idcontenido
</div>
/* documento HTML */

No hay comentarios: