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.
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 */
Comentarios
Publicar un comentario