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)
}
Comentarios
Publicar un comentario