Problema con Ajax y Php

[chiney92]

Hola, espero que me puedan ayudar estoy con algo que me vuelve loca y no se como resolverlo

Comienzo por explicar el programa, estoy haciendo un programa que puedo buscar un valor X en este caso "un nombre" en una BD, pero me gustaría que el input donde se escribe el nombre a buscar se autocomplete.

Código Javascript:

function prueba2(pagina){
    //Obtenemos el valor de la caja de texto, del tipo de consulta y del div
    var textb = document.getElementById('txtb').value;
    var tipos = document.getElementById('tipo').value;
    var contenedor = document.getElementById('resultados');
        // creamos un nuevo objeto de Ajax
    ajax=nuevoAjax();
    //usamos el metodo get
    ajax.open("GET",pagina+"?valor="+textb+" & tipo="+tipos,true);
    ajax.onreadystatechange=function () {  
        if (ajax.readyState==4 && ajax.status==200) {
           //aqui que debo poner
           var textoAjax=ajax.responseText;
                   contenedor.innerHTML=texto;// ya probe con esto y no me funciona
           }
        }
    ajax.send(); 
            
}
 

y en la pagina php

Código PHP:

if(isset($_GET["valor"])){
        $link = conectar();
        $campo = $_GET["valor"];
        $tipo = $_GET["tipo"];
        buscaral($link,$campo,$tipo);
    }
 
function buscaral($link, $campo, $tipo){
        $ejemplo = '<div class="res-elem">';
        $result = mysql_query("select ALUAPEL, ALUCODI from Totales where ALUAPEL like '".$campo."%' order by ALUAPEL",$link);
        while ($row = mysql_fetch_array($result)) {
            $ejemplo.='<a data="'.$row['ALUAPEL'].'" id="s" >'.utf8_encode($row['ALUAPEL']).'</a>';
        }
        $ejemplo.='</div>';
        echo $ejemplo;
    }
 

Por favor ayudenme, Gracias

[Erick_MD9]

Hola, que tipo de elemento es tu contenedor?

[chiney92]

El contenedor es un Div

[Erick_MD9]

Has este cambio.

contenedor.innerHTML=texto;
por:
contenedor.innerHTML=textoAjax;

textoAjax es donde guardas tu respuesta.

Saludos.

[chiney92]

Lo tenia antes con eso y nada, no se que hacer

[Erick_MD9]

Hola, prueba así.

Código Javascript:

function prueba2(pagina){
        //Obtenemos el valor de la caja de texto, del tipo de consulta y del div
        var textb = document.getElementById('txtb').value;
        var tipos = document.getElementById('tipo').value;
        var contenedor = document.getElementById('resultados');
            // creamos un nuevo objeto de Ajax
        ajax=nuevoAjax();
        //usamos el metodo get
        ajax.open("GET",pagina+"?valor="+textb+" & tipo="+tipos,true);
        ajax.send();//PRIMERO DEBES ENVIAR LA PETICION
        ajax.onreadystatechange = function() {
            if (peticion.readyState == 4 && (peticion.status == 200 || window.location.href.indexOf ("http") == - 1)){//OJO, EL ULTIMO PARAMETRO ES POR SI ESTAS PROBANDO EN MODO LOCAL
                var textoAjax=ajax.responseText;
                           contenedor.innerHTML=textoAjax;// 
            }
        }
    }
 

En esta página, al final deje unas funciones de ajax y uso básico, igual y te sirve.
http://www.forosdelweb.com/f18/pasar...x-php-1070906/

Saludos

[EderBarriosCamargo]

Este video te debe servir
http://www.youtube.com/watch?v=n93ExATvzDg

[caricatos]

Hola:

Veo que en los parámetros hay espacios en blanco... eso no se permite... y las variables es mejor escaparlas.

Saludos

[chiney92]

Hola a todos gracias por responder pero el problema persiste

Erick_MD9 he probado lo que me mandaste pero nada (y bueno no lo estoy probando en local sino en un hosting gratuito)

Bueno estuve obviando algunas partes del código y me doy con la sorpresa de que no esta entrando al while del php... nose porque razon ojala me hechen una manito

EderBarriosCamargo Gracias por el video lo estoy viendo ahora mismo

caricatos cuales son los parámetros que tienen espacios en blanco??

[caricatos]

Hola:

Iniciado por chiney92

...caricatos cuales son los parámetros que tienen espacios en blanco??

Se trata de esta línea:

Código:

ajax.open("GET",pagina+"?valor="+textb+" & tipo="+tipos,true);

Antes y después del carácter "&" (en rojo)

Saludos