Yo tengo este "template" de ajax
Código Javascript
:
Ver originalfunction createREQ() {
try {
req = new XMLHttpRequest();
}
catch(err1){
try {
req = new ActiveXObject('Msxml2.XMLHTTP');
}
catch (err2) {
try {
req = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (err3) {
req = false;
}
}
}
return req;
}
http = new createREQ();
function someXHTTPfunction(){
//tipo de envio post. proceso.php es donde se hará el proceso PHP. true es que la comunicación será asíncrona
http.open("POST", "proceso.php", true);
//header de esto no te preocupes mucho
http.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
//tomamos valores...
var varA = document.getElementById("someElement1").value;
var varB = document.getElementById("someElement2").value;
//hacemos la petición
http.send("var1="+varA+"&var2="+varB);
//Esto equivale a $_POST["var1"] con el valor de varA y $_POST["var2"] con el valor de varB en proceso.php
//De aquí en adelante es la respuesta ajax y lo que tu harás con ella
http.onreadystatechange = function(){
if(http.readyState == 4 && http.status == 200){
//Respuesta del proceso.php
respuestaHTTP = http.responseXML; //opcion 1 respuesta xml
respuestaHTTP = http.responseText; //opcion 2 respuesta texto
// la respuesta debe ser xml o texto, tu debes elejir entre estas dos cual quieres
//DO SOMETHING HERE...
}
};
}
Aclaración yo uso el método post y no get, porque me gusta más y punto. ahí quien prefiera get.
Esto te puede encaminar un poco, hay muchos métodos para hacer más eficientes el uso de ajax, pero creo que este sirve como ejemplo.
De todos modos, si te sumerges en ajax, creo que es necesario que estudies los métodos y atributos de ajax.
Saludos y espero te sirva
