0

Buen día compañeros. eh estado intentando realizar una tabla que muestre datos y que esta realice busquedas en tiempo real. el caso es que la consulta que realizo nada mas me retorna como tal un solo registro, cuando debería de mostrarme más.

aqui es donde hago la consulta a la bd.

<?php 

require('../modelo/config.php'); 

$consulta = "SELECT CE.ID_USUARIO, PL.NOMBRES, PL.CORREO_E,UROL.ID_ROL , CAL.ID_ALCANCE,
CROL.DESCRIPCION as [descripcion del rol], CAL.DESCRIPCION as [descripcion del alcance]
from CE_CAT_USUARIO as CE, PL_PERSONAL as PL, 
CE_CAT_ROL as CROL, CE_USUARIO_ROL as UROL, CE_CAT_ALCANCE as CAL
where CE.ID_PERSONA = PL.ID_PERSONA 
AND
CE.ID_USUARIO = UROL.ID_USUARIO
and
UROL.ID_ROL = CROL.ID_ROL
and
UROL.ID_ALCANCE = CAL.ID_ALCANCE
order by CE.ID_USUARIO";

$val = sqlsrv_query($conn,$consulta); 

if (sqlsrv_has_rows($val)) {
    while($resultado = sqlsrv_fetch_array($val)){
        $html = ''; 
        $html .= '<tr>';
        $html .= '<td>'.$resultado["ID_USUARIO"].'</td>';
        $html .= '<td>'.$resultado["NOMBRES"].'</td>';
        $html .= '<td>'.$resultado["CORREO_E"].'</td>';
        $html .= '<td>'.$resultado["ID_ROL"].'</td>';
        $html .= '<td>'.$resultado["ID_ALCANCE"].'</td>';
        $html .= '<td>'.$resultado["descripcion del rol"].'</td>';
        $html .= '<td>'.$resultado["descripcion del alcance"].'</td>';
        $html .= '</tr>';   
    }
}else{
    $html .= '<tr>';
    $html .= '<td colspan="7">sin resultados</td>';
    $html .= '</tr>';
}

echo json_encode($html,JSON_UNESCAPED_UNICODE); 

?>

estos datos los quiero mostrar aquí. introducir la descripción de la imagen aquí

pero esa es la única fila que me retorna.

esos datos los pongo aqui.

 <table class="table table-striped"> 
                    <thead>
                        <th>Id usuario</th>
                        <th>Nombres</th>
                        <th>Correo</th>
                        <th>Rol</th>
                        <th>Alcance</th>
                        <th>Desc Rol</th>
                        <th>Desc alcance</th>
                    </thead>

                    <tbody id="content">
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tbody>
               </table>

siento que no hay problemas con el table. pero puede que se me haya pasado algo y no me haya dado cuenta. los datos los pongo en esa tabla después con un script.

<script>
       getdata(); 

        function getdata(){
            //peticiion 
            var input = document.getElementById("campo").value
            var content = document.getElementById("content")
            var url = "../controlador/load.php"
            var formData = new FormData()
            formData.append('campo',input)

            fetch(url,{
                method: "POST", 
                body: formData
            }).then(Response => Response.json())
            .then(data =>{
                content.innerHTML = data
            }).catch(err => console.log(err))
        }
    </script>

ustedes que tienen más experiencia. ¿será que me puedan ayudar?

4
  • Pero porque estás haciendo json_encode a un html?
    – Pipe
    Commented el 6 mar. 2023 a las 21:35
  • Cuál es el problema específico? En qué necesitas que te ayudemos? Qué debería pasar y no pasa?
    – Alfabravo
    Commented el 6 mar. 2023 a las 21:35
  • @Pipe lo que pasa es que guardo en una variable $html los resultados para posteriormente mostrarlos, en el script... pido ese JSON para mostrar los datos en el table Commented el 6 mar. 2023 a las 21:36
  • 1
    @Alfabravo deberia mostrarme mas registros. pero solo me muestra 1 Commented el 6 mar. 2023 a las 21:37

3 respuestas 3

0

Sucede que en cada ciclo del while, estás asignando tu variable $html a vacío, es por eso que sólo te devuelve el último valor que tiene tu variable $html:

while($resultado = sqlsrv_fetch_array($val)){
  $html = '';
  // ...
}

La solución sería mover esta variable fuera del while, para que así no se vuelva a asignar a vacío su valor en cada ciclo:

$html = '';
while($resultado = sqlsrv_fetch_array($val)){
  // ...
}
5
  • lo intente así ... pero ahora no me devuelve ningún valor :C, la variable como tal si tiene los datos pero no los muestra, si la puse afuera del if. la puse abajo del require pero no me muestra nada . jejej :c Commented el 6 mar. 2023 a las 21:50
  • y si, como dices ... si la dejaba dentro del while solo agarraba el ultimo valor ... ya la puse afuera. pero no se por que ahora no me pone nada en la tabla Commented el 6 mar. 2023 a las 21:55
  • Que extraño.. si pruebas con echo $html? porque usas el json_encode? Commented el 6 mar. 2023 a las 22:01
  • o que tu tbody que quede así <tbody id="content"></tbody> Commented el 6 mar. 2023 a las 22:03
  • bueno lo uso por que en la funcion de JS lo mando a llamar el JSON Commented el 7 mar. 2023 a las 2:27
0
  1. La variable $html debe ser declarada e inicializada vacía fuera del if para poder que sea accesible en cualquier lugar. Si la pones dentro del ciclo while, solo te va a retornar el último registro y si la pones dentro de la instrucción if no estaría declarada en caso de que entre al else.
  2. Quita el json_encode y retorna el html tal cual fue construido.
$val = sqlsrv_query($conn,$consulta); 
$html = '';

if (sqlsrv_has_rows($val)) {
    while($resultado = sqlsrv_fetch_array($val)){
        $html .= '<tr>';
        $html .= '<td>'.$resultado["ID_USUARIO"].'</td>';
        $html .= '<td>'.$resultado["NOMBRES"].'</td>';
        $html .= '<td>'.$resultado["CORREO_E"].'</td>';
        $html .= '<td>'.$resultado["ID_ROL"].'</td>';
        $html .= '<td>'.$resultado["ID_ALCANCE"].'</td>';
        $html .= '<td>'.$resultado["descripcion del rol"].'</td>';
        $html .= '<td>'.$resultado["descripcion del alcance"].'</td>';
        $html .= '</tr>';   
    }
}else{
    $html .= '<tr>';
    $html .= '<td colspan="7">sin resultados</td>';
    $html .= '</tr>';
}
echo $html;
  1. En fetch, recibes el html y lo pasas directamente a la tabla.
fetch(url,{
  method: "POST", 
  body: formData
}).then(Response => content.innerHTML = Response)
  .catch(err => console.log(err));

Si aún no funciona, pasa Response por consola para ver que datos te trae.

4
  • lo intentaré... muchas gracias :) Commented el 7 mar. 2023 a las 2:28
  • ya lo pude probar ... pero lo unico que me pone es [OBJECT RESPONSE] y no muestra nada Commented el 7 mar. 2023 a las 19:31
  • Bien, en ese caso sería necesario depurar paso a paso para determinar en qué punto se está quedando atascado el proceso. Prueba con .then(Response => console.log(Response)). Si logramos coincidir, iniciamos un chat acá mismo para abordar el tema. Espero tus comentarios.
    – DjCrazy
    Commented el 7 mar. 2023 a las 22:36
  • lo intentare ... Commented el 8 mar. 2023 a las 18:28
0

Como estas, solo debes cambiar la forma en que armas y devuelves los datos...

Primeramente estas borrando tu mismo los resultados, saca el inicio de la variable $html del while debe ser asi


$html = '';
while($resultado = sqlsrv_fetch_array($val)){

En php retorna

echo $html;

y en el fetch de javascript, le comentas que vas a recibir formato plano

.then(Response => Response.text())

Deberia funcionar

1

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.