0

Espero puedan apoyarme. Estoy tratando de hacer que un botón tome un ID conforme a lo mostrado en consulta, adjunto código para definir más la problemática.

Esta es mi tabla donde en una columna tengo mi botón el cual abre un modal donde debería mostrarme el material que ese botón traiga, todo esto lo mando por ajax pero siempre me toma solo el primer valor de la consulta.

<table class="table table-striped table-dark" id="mydatatable">
    <thead>
        <tr class="encabezadoTabla">
            <th>Materiales</th>
           
        </tr>
    </thead>
    <tbody>
        <?php
        $sql = "SELECT TOP 20 * FROM [BDG_PORTALPEDIDOS].[dbo].[tabla_infoPedido] WHERE REQ_DATE = '" . $fechaActual . "' ORDER BY id DESC";
        $result = sqlsrv_query($conn, $sql);
        while ($row = sqlsrv_fetch_array($result)) {
        ?>
            <tr>
                <td>
                    <form method="POST" onsubmit="return enviar();">
                        <button type="submit" value="<?= $row['PEDIDOP'] ?>" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal" name="materialesPedido" id="materialesPedido">
                    </form>
                </td>
            </tr>
        <?php
        }
        ?>
    </tbody>
</table>

Este es el código AJAX

function enviar() {
    var materialesPedido = document.getElementById('materialesPedido').value;

    var dataen = 'materialesPedido=' + materialesPedido;

    $.ajax({
        type: 'POST',
        url: 'materiales.php',
        data: dataen,
        success: function (resp) {
            $("#respa").html(resp);
        }
    });
    return false;
}

Y este mi código PHP donde mando los datos por POST

$_materiales = $_POST['materialesPedido'];

// Muestra el pedido del portal 
$sqlM = "SELECT DISTINCT(IDPEDIDO), MATERIAL FROM [BDG_PORTALPEDIDOS].[dbo].[tabla_infoMaterial] WHERE IDPEDIDO = '" . $_materiales . "'";
$resultM = sqlsrv_query($conn, $sqlM);
while ($rowM = sqlsrv_fetch_array($resultM)) {

    echo $rowM[1] . '<br>';
}

MODAL

<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <h2 class="modal-title" id="exampleModalLabel">Materiales</h2>
            </div>
            <div class="modal-body">

                <p id="respa"></p>

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
            </div>
        </div>
    </div>
</div>

2 respuestas 2

0

Saludos

De cada bloque de código que proporcionaste:

Primer

Lo que tienes como:

<form method="POST" onsubmit="return enviar();">
   <button type="submit" value="<?= $row['PEDIDOP'] ?>" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal" name="materialesPedido" id="materialesPedido">
</form>

te sugiero:

<form method="POST" onsubmit="return enviar(<?= $row['PEDIDOP'] ?>);">
   <button type="submit" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal" name="materialesPedido" id="materialesPedido">
</form>

lo anterior para enviar el identificador a la función.

Segundo

Cambiar tu función de:

function enviar() {
    var materialesPedido = document.getElementById('materialesPedido').value;

    var dataen = 'materialesPedido=' + materialesPedido;

    $.ajax({
        type: 'POST',
        url: 'materiales.php',
        data: dataen,
        success: function (resp) {
            $("#respa").html(resp);
        }
    });
    return false;
}

a:

function enviar(pId) {
    var dataen = 'materialesPedido=' + pId;

    $.ajax({
        type: 'POST',
        url: 'materiales.php',
        data: dataen,
        success: function (resp) {
            $("#respa").html(resp);
        }
    });
    return false;
}

Si esa forma te funciona dejalo así; aunque creo lo idóneo es var dataen = JSON.stringify({materialesPedido: pId}); pero revisa.

1
  • Agradezco mucho tu ayuda Roberto, me fue funcional, ya lo aplique y salió de la forma que requería.
    – Nancy
    Commented el 12 ene. a las 23:35
0

Para retornar todos los resultados, debes ejecutar el echo de respuesta despúes del ciclo while. Primero preparas la respuesta y luego la retornas.

Debería ser algo como:

$_materiales = $_POST['materialesPedido'];

// Muestra el pedido del portal 
$sqlM = "SELECT DISTINCT(IDPEDIDO), MATERIAL FROM [BDG_PORTALPEDIDOS].[dbo].[tabla_infoMaterial] WHERE IDPEDIDO = '" . $_materiales . "'";
$resultM = sqlsrv_query($conn, $sqlM);

$respuesta = '';
while ($rowM = sqlsrv_fetch_array($resultM)) {
    $respuesta .= $rowM[1] . '<br>';
}
echo $respuesta;

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.