Buscar en este blog

martes, 27 de noviembre de 2007

AJAX. metodo get y post

Continuando con AJAX, estas funciones nos permiten trabajar con AJAX tanto por el método GET como por el POST.



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);
}

function cargarContenidoAjaxGET(url, contenedor) {

ajax = Ajax();

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

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

ajax.onreadystatechange=function() {

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

}

ajax.send(null);
}
/****************************************/
/* ejemplos de llamadas a las funciones */
/****************************************/
function publicarCambios() {
url="prueba.php";

contenedor=document.getElementById('idcontenido');

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

cargarContenidoAjaxPOST(url, post, contenedor);
}

function mostrarListadoFolletos( ) {

url="ajax_php/FolletosListado.php";

contenedor=document.getElementById('idcontenido');

cargarContenidoAjaxGET(url, contenedor)
}

No hay comentarios: