Devolver resultado de PHP a Ajax

[dmm84]

Hola a todos, el problema que tengo es el que aparece en el titulo:

yo tengo dos paginas, una con un documento javascript y otro con un documento php en el que tengo un codigo para una consulta a mysql. Al final del codigo php hay un return con el resultado de la consulta a la base de datos. He visto que hay metodos con Xajax o cosas parecidas con lo que puedo simular una conexion entre javascript y php pero no he logrado nada. ¿Alguien me puede guiar?

[Bernoo]

Lo que quieres es mandar el resultado de la consulta PHP hacia tu archivo ajax???? o que quieres decir con metodos ?

[dmm84]

con metedos me referia a formas. Sí, lo que has dicho es lo que quiero hacer. Yo pienso que sería algo como si Ajax envía al servidor una petición, se procesa el codigo PHP, y el servidor le devuelve la respuesta a Ajax

[malakian]

no entiendo muy bn, pero si quieres obtener lo que retornaste de tu base de datos de tu archivo PHP, entonces en el documento que tienes el javaScript, guardas en una variable el valor de la propiedad responsetext de tu objeto "Ajax" todo esto despues de haber llamado el metodo onreadystatechange del mismo objeto..

Código Javascript:

var valor = MyAjax.responseText;
 

ahora en valor tienes lo que retornaste

[dmm84]

malakian, has dado en el clavo, he buscado un poco en google y he encontrado lo que queria (eso creo), ya se mas o menos por donde tengo que buscar, si sigo sin tener ni idea ya volvere a comentar

[dmm84]

hola de nuevo,

he conseguido hacer la conexion de Ajax a PHP, es decir, que he conseguido enviar variables de Ajax a PHP, pero no consigo hacerlo al reves, enviar variables de PHP a Ajax.
Lo de enviar de Ajax a PHP lo he conseguido como dijo malakian.

[GatorV]

Pues es tal cual lo puso malakian, con el responseText devuelves el texto de tu consulta, un ejemplo sencillo, supongamos que tu script PHP devuelve esto:

Código PHP:

echo "foo|bar";
 

En Javascript lees el resultado y lo puedes parsear:

Código Javascript:

var response = ajax.responseText.split('|');
 

Claro eso es un ejemplo muy burdo, lo mejor para mi gusto es usar JSON, o XML ya que fueron pensados para estos casos.

Saludos.

[dmm84]

ese es mi problema, que no se como hacer para que lo lea javascript lo que devuelvo con php

[malakian]

Bueno, en vista de que no lo conseguiste te pondre un ejemplo para que puedas solucionar tu problema

Código Javascript:

function mi_funcion(str){
 
    myAjax.open("POST", "ajax.php");
    myAjax.onreadystatechange = resultado;
 
    myAjax.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
 
    myAjax.send("search="+str);
 
}
 
function resultado(){
 
    if (myAjax.readyState == 4) {
 
        var valor = myAjax.responseText;
 //aca en valor ya tienes lo que retornaste en tu archivo php
        alert(valor);
 
    }
 
}
 

con eso bastaria

[dmm84]

la primera funcion que has escrito es la que ya tengo hecha y me funciona perfectamente, el problema lo tengo con la segunda que sigo sin conseguir que me funcione. Tengo el codigo así:

Código Javascript:

function enviar() {
    var miObj = null;
    if(window.XMLHttpRequest) {
        miObj = new XMLHttpRequest();
    } else if(window.ActiveXObject) {
        miObj = new ActiveXObject("Microsoft.XMLHTTP");
    } else {
        alert("Desde este navegador no puedes usar algunas funciones");
    }
    
    ajax = nuevoAjax();
    ajax.open("POST", "pagina.php",true);
    ajax.onreadystatechange = function() {
        if (ajax.readyState == 4) {
            contenedor.innerHTML = ajax.responseText;
        }
    }
    ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    ajax.send("");
}
 
function recargar(){
    if (myAjax.readyState == 4) {
        var valor = myAjax.responseText;
        alert(valor);
    }
}
 

[malakian]

por lo que veo la funcion recargar te sobra...

una pregunta, que es contenedor????
has revisado la consola de errores??

[dmm84]

creo que te refieres que sobra este trozo y la verdad es que si porque lo he editado unas cuantas muchas veces, llevo bastante tiempo comiendome la cabeza

Código Javascript:

ajax.onreadystatechange = function() {
        if (ajax.readyState == 4) {
            contenedor.innerHTML = ajax.responseText;
        }
    }
 

en todas mis pruebas miro la consola de errores y ahora mismo no me da ningun error (no se si es bueno o malo porque sigue sin funcionar) :(

[malakian]

a ver, observando mejor tu funcion, me doy cuenta que esta mal!!
segun lo que tienes ahi, en la variable miObj estas "creando tu objeto xmlhttprequest" eso quiere decir que tu variable "ajax" no tiene nada, para no modificar tanto la funcion cambia "miObj" por ajax...

te pregunto por contenedor?? donde lo definiste?? has intentado leer tu codigo??
en tu html tienes un div con id="contenedor"?????

mira esta funcion intenta corregir y analizar...

Código Javascript:

function enviar() {
    var ajax = null;
    if(window.XMLHttpRequest) {
        ajax = new XMLHttpRequest();
    } else if(window.ActiveXObject) {
        ajax = new ActiveXObject("Microsoft.XMLHTTP");
    } else {
        alert("Desde este navegador no puedes usar algunas funciones");
    }
    
   
    ajax.open("POST", "pagina.php",true);
    ajax.onreadystatechange = function() {
        if (ajax.readyState == 4) {
           document.getElementByid("contenedor").innerHTML = ajax.responseText;
        }
    }
    ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    ajax.send("");
}
 

[dmm84]

he conseguido que funcione, gracias por tu gran ayuda :) ya le he cogido el truco a esto