Question

<form>

 <input type="text" name="nickname" id="nick">
 <button onclick="buscar()">search</button>
 </form>

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

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

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

 </script>

<?php
$dato_recibido = $_GET['nick'];
echo $dato_recibido;
?>

no devuelve ningun resultado

Comments

Cuál es la pregunta?
Qué es lo que no te anda?
Por qué estás usando este código JS que no funciona en vez de usar el que te armé hace 2 preguntas atrás, que sí funcionaba?

Mencionás dos cosas distintas que no entendés qué son respecto a ciertos parámetros de función, que no parecen ser la pregunta en sí. Creá una pregunta específica para esas 2 dudas.

---

la pregunta en si es como enviar una consulta al servidor desde ajax, quiero hacer algo parecido a un formulario es decir despues que lo envio recuperar los datos desde el servidor, esto es una funcion distinta de mi apliacion, hasta ahora tengo listo el buscador y me falta solo esto osea mostar todos el contenido de mi tabla sin llamar a mi base de datos

Answer 1

Hola @steven,

la forma más simple de enviar una consulta al servidor vía AJAX es enviándola por GET el en URL de la petición.

Si partís de este código de una pregunta tuya anterior en la que estás estableciendo una conexión asíncrona con el servidor, trendrías que modificarle lo siguiente:

...
ajax.open("get", "recibir.php?item="+item, true);
...

en dónde la variable JS item contiene el ID del item al que querés acceder.

La forma de conseguir el valor del ID del item depende del HTML en concreto en dónde se encuentre: si es un INPUT será el value, si es un DIV será el innerHTML, o podría ser un atributo data- personalizado, etc.

Del lado del script PHP, el valor llega por GET y se lee cómo cualquier otro:

<?php
$id = $_GET['item'];
// El resto del código
...

Fijate que es imposible hacer esto sin llamar a la base de datos como sugerís: la diferencia es que la consulta a la base de datos la hace un script distinto del que genera la pantalla que estás viendo.

Saludos cordiales!