Valor PHP AJAX?

grd · 20 Mar 2014

Hola que tal, tengo un form que realiza una búsqueda en una base de datos y me devuelve el valor de la búsqueda con la llamada $ret, me funciona perfecto. Pero lo que quiero es que no se recargue la página cuando busco... sino que me devuelva el valor sin actualizar.

Es posbile?

Cicklow · 20 Mar 2014

grd dijo:
Hola que tal, tengo un form que realiza una búsqueda en una base de datos y me devuelve el valor de la búsqueda con la llamada $ret, me funciona perfecto. Pero lo que quiero es que no se recargue la página cuando busco... sino que me devuelva el valor sin actualizar.

Es posbile?

claro que si usando jquery y la funcion GET (o tmb podes usar POST)
https://api.jquery.com/jQuery.get/

grd · 20 Mar 2014

¿Cómo lo implementaría? me darías una mano? ya que de ajax no entiendo mucho.

Yo tengo así:
<form id="test" action="http://forobeta.com/search.php" method="post">
etcetc
<input type="submit" name="buscador" value="Buscar">
</form>

Busco un texto, le doy a submit, se recarga la página:

Y la búsqueda la obtengo a travez de la llamada $ret

arkam · 22 Mar 2014

grd dijo:
¿Cómo lo implementaría? me darías una mano? ya que de ajax no entiendo mucho.

Yo tengo así:
<form id="test" action="http://forobeta.com/search.php" method="post">
etcetc
<input type="submit" name="buscador" value="Buscar">
</form>

Busco un texto, le doy a submit, se recarga la página:

Y la búsqueda la obtengo a travez de la llamada $ret

Saludos jeje, si te interesa:AJAX Tutorial

lo que podrias hacer es:

1)crear una pagina php que imprima el resultado, capturando las variables por get.
2)crear un JS que llame por medio de ajax a tu pagina que imprime tomando de referencia el contenido de tu input
3)por medio de javascript mandar la respuesta a un div por su id.

ejemplo javascript:

Insertar CODE, HTML o PHP:

function ajax_connect(){//esto basicamente prepara el escenario para la conexion por ajax para explorer y demas navegadores
    var xmlhttp;
    if (window.XMLHttpRequest)
      { 
      xmlhttp=new XMLHttpRequest();
      }
    else
      { 
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
    return xmlhttp;
}

function filtro(obj){//con el contenido el input (con el que llene la variable obj mando la informacion a el archivo php)
 var idpa=obj.value; //idpa tiene la cadena que voy a buscar (el value de tu input)
       xmlhttp=ajax_connect(); 
        xmlhttp.onreadystatechange=function(){ 
            if (xmlhttp.readyState==4 && xmlhttp.status==200){ // cuando la pagina responde
                    document.getElementById("cont-0").innerHTML=xmlhttp.responseText; //imprimo respuesta dentro del div con el id='cont-0'
            }
        }
    xmlhttp.open("GET","../wp-content/plugins/sddlda/p_table.php?bus="+idpa,true);//basicamente manda a abrir la url de manera asincrona
    xmlhttp.send();
}

un mal ejemplo:Transparencia |

Valor PHP AJAX?

grd

Cicklow

grd

arkam

Temas similares