Question

hola muchachos en esta ocasion quiero obtener asincronamente la ruta de un file cargado en una tabla de mi db sin recargar la pagina, tengo el script que recorrera todas las tablas y luego devolvera solo los resultados que coinciden con la busqueda, al momento mi script solo recarga la pagina y no muestra nada

<form method="get">
 <div id="buscador">
 <input type="text" name="busqueda" placeholder="keyword">

 <button onclick="buscar()">search</button>
 </div>
 </form>
 <div id="seccion-datos"></div>

 <script type="text/javascript">
 function buscar(){
  console.log("text");
    seccionDatos = document.getElementById('seccion-datos');
    ajax = new XMLHttpRequest();

    ajax.open("get", "script.php", true);
    ajax.onreadystatechange= function(){
      if(ajax.readyState == 4 && ajax.status == 200){
        texto = ajax.responseText;
        seccionDatos.innerHTML = texto;
      }
    }
  }

 </script>

<?php

  $consulta = $_GET['busqueda'];
  $conexion = mysql_connect('localhost', 'root', 'admin') or die(mysql_error());
  mysql_select_db('test', $conexion) or die(mysql_error());

  $encontrado = false;

  $obtener_tablas = mysql_query("SHOW TABLES");
  while($tabla = mysql_fetch_array($obtener_tablas)){
   $elemento = $tabla[0];
   $obtener_campos = mysql_query("SHOW FIELDS FROM $elemento");

    while($campo = mysql_fetch_array($obtener_campos) ){

      $elemento_campo = $campo[0];

       $sql = "SELECT * FROM $elemento WHERE $elemento_campo='$consulta' ";
       $query = mysql_query($sql);

        while($fila = mysql_fetch_array($query)){
        echo $ruta= $fila['path'];
        echo "<img src='$ruta'>";
        echo "la ruta es ".$ruta;
        $encontrado = true;
    }
  }
}
if(!$encontrado){echo "ningun resultdado" ;}

?>

Comments

la solucion a este problema esta en otra pregunta relacionada al envio de datos por get con ajax

---

Esa no es la solución. ¿Esperas que la gente busque en todas las preguntas y adivine cuál es?

Por favor comparte la solución real.

Saludos.

Answer 1

    <ul id="items-links">
        <li>item1</li>
        <li>item2</li>
        <li>item3</li>
    </ul>

 <div id="seccion-datos"></div>

 <script type="text/javascript">

    ajax = new XMLHttpRequest();

    links = document.getElementById("items-links");
    links.addEventListener("click", function(e){
        console.log(e.target.innerText);
        consulta = e.target.innerText;

        ajax.open("get", "sistema.php?=consulta", true);
        ajax.setRequestHeader("contentType", "application/x-www-form-urlencoded");

        ajax.send();

        ajax.onreadystatechange=function() {  
         if (ajax.readyState==4 && ajax.status==200) {
          texto=ajax.responseText;
          seccionDatos.innerHTML= texto;

          } 
       }
    }, false)

seccionDatos = document.getElementById('seccion-datos');

 </script>
<?php 
$peticion = $_GET['consulta'];

echo $peticion;