0

Buenas noches tengo una tabla que recargo su información con AJAX. Dentro de esa tabla hay un botón para editar el cliente en el que se abre una ventana modal, dentro hay un formulario y quiero obtener los datos del que estoy editando.

window.onload = function() {
    actualizaTabla();
};
let listadoClientes = [];
function actualizaTabla(){
    var url = '/actualizar-tabla-clientes';
    $.ajax({
        headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
        type: "GET",
        dataType: "json",
        url: url,
        beforeSend: function(){
            
        },
        success: function (resultado){
            console.log(resultado);
            listadoClientes.length = 0;
            $('#elModal').empty();
            for(i=0;i<resultado.clientes.length;i++){
                listadoClientes.push(resultado.clientes[i]);
            }
            $('#clientes').DataTable({
                dom: 'Bfrtip',
                pageLength: 30,
                processing: true,
                destroy: true,
                paging: true,
                searching: false,
                info: true,
                data: listadoClientes,
                order:[[0,'asc']],
                columns: [
                          ....
                          ....
                          { data: "email" },
                          { data: null, render: function ( data, type, row ) {
                            ....
                            return '<a href="#editCliente_'+ data.id +'" data-toggle="modal" data-target="#editCliente_'+ data.id +'" class="downFactura btn11">\
                                    <i class="fas fa-pencil-alt"></i>\
                                </a>\
                             ......
                            <div class="modal fade" id="editCliente_'+ data.id +'" tabindex="-1" role="dialog" aria-labelledby="editCliente_'+ data.id +'Label" aria-hidden="true">\
                            ......
                            <div class="form-group form-group-default">\
                               <label for="nombre">Nombre<span style="color: red;">*</span></label>\
                               <input type="text" name="nombre" class="form-control pulsaInput" id="nombre" value="'+ data.nombre +'" required autocomplete="off">\
                            </div>\
                            .....
                            <a class="btn btn-primary crearCliente pruebaAct" id="actualizar_cliente">Actualizar cliente</a>\
                          }},

He comprimido un poco la información, pero veis como relleno la tabla y como dentro de ella hay un botón que abre un modal con los datos de la persona a la cual le hago clic.

Después con una función intento obtener los datos pero no hay manera.

$("body").on("click",".pruebaAct", this, function(){
  var nombre = $('#nombre').val();
  console.log(nombre);
}); 

Siempre me devuelve el primero, alguna sugerencia??

1 respuesta 1

0

Mi consejo personal, no se si lo solucionaste, es que pongas en el botón de la tabla un evento onclick a una función:

Javascript:

function eliminar(id){
  var idcli=id;
  $.ajax({
            type:"POST",
            url:"./delete.php",
            data:'idmodcli=' + idcli,
            success:function(data){
        //console.log(data);
      $('#modal-bodydel').html(data);
      }
                
        });
  var myModal = document.getElementById("Mymodal3");
  var modal = new bootstrap.Modal(myModal);
  
  modal.show(); 

};

Código Php:

<?php
include '../conexion_db.php';
include ('../config.php');

$modalcli = new mysqli($dbHost, $dbUsername, $dbPassword, $dbName);
$modalcli->set_charset("utf8");

if(isset($_POST['idmodcli'])){
    $id=$_POST['idmodcli'];
    $sqlmod= "SELECT * FROM clientes WHERE id_cliente= '$id'";
    //$queryP = $provincias->query("SELECT * FROM Provincias WHERE id_pais= '$codpais' ORDER BY provincia ASC");
    $resultmod = $modalcli->query($sqlmod);
    //$response=array();
    $rowcli=mysqli_fetch_assoc($resultmod);
    //$response=json_encode($row); 
    //var_dump($response);
    //echo json_encode($response);
    $html= '<form action="action_delete.php" method="POST" role="form">
    <legend>Datos del Cliente</legend>
        <div class="row">
    <div class="col-auto sm-6">
    <label for="id">Id</label>
    <input type="text" size="5" class="form-control" id="idclidel" name="idclidel" aria-describedby="idclidel" value="'.$rowcli['id_cliente'];
    $html= $html. '" readonly/>
    </div>
    <div class="col">
    <label for="Comercial">Nombre Comercial</label>
    <input type="text" size="20" class="form-control" id="Ncomercialdel" name="Ncomercialdel" aria-describedby="Ncomercial" value="'.$rowcli['Nom_Comercial'];
    $html= $html. '" readonly/>
        </div><div class="col">
        <label for="RazonSoc">Nombre y Apellidos/Razón Social</label>
        <input type="text" class="form-control" name="RazonSocdel" id="RazonSocdel" aria-describedby="Nombre" value="' .$rowcli['Nome_empresa'];
        $html= $html. '" readonly/>
        </div></div>
        
        <div class="row">
        <div class="col">
        <label for="Direccion">Dirección</label>
        <input type="text" class="form-control" name="Direcciondel" id="Direcciondel" aria-describedby="Direccion" value="' .$rowcli['Direccion'];
        $html= $html. '" readonly/>
        </div></div>
        <div class="row">
          <div class="col">
            <label for="Cif">Cif/Nif</label>
            <input type="text" class="form-control" id="Cifdel" name="Cifdel" aria-describedby="Cif" value="' .$rowcli['Cif'];
            $html= $html. '" readonly/>
          </div>
          <div class="col">
            <label for="paises">País</label>';
        
            
              //Include database configuration file
              //Get all country data
              $query = $pdo->query("SELECT * FROM Paises ORDER BY Nombre_pais ASC");
              //Count total number of rows
              $rowCount = $query->num_rows;
            
          $html= $html. '<select name="paisesdel" id="paisesdel" class="form-select" disabled>
          <option value="">Selecciona País</option>';
          
            if($rowCount > 0){
              while($rowpais = $query->fetch_assoc()){ 
                if ($rowpais['id_pais']==$rowcli['id_pais']){
                $html= $html. '<option value="'.$rowpais['id_pais'].'" selected="selected">'.$rowpais['Nombre_pais'].'</option>';
                }else{
                $html= $html. '<option value="'.$rowpais['id_pais'].'">'.$rowpais['Nombre_pais'].'</option>';
                }
            }
            }else{
            $html= $html. '<option value="">País no disponible</option>';
          }
          //mysql_free_result($query);
        
          $html= $html. '</select>
          <i></i>
          </div>
          <div class="col" id="selectprovinciasdel"> <label for="provincias">Provincia</label>';
          //Get all country data
              $queryProvincia = $pdo->query("SELECT * FROM Provincias ORDER BY provincia ASC");
              //Count total number of rows
              $rowCountProvincia = $queryProvincia->num_rows;

              $html= $html. '<select name="provinciasdel" id="provinciasdel" class="form-select" disabled>
          <option value="">Selecciona Provincia</option>';

          if($rowCountProvincia > 0){
            while($rowprovincia = $queryProvincia->fetch_assoc()){ 
              if ($rowprovincia['id_provincia']==$rowcli['id_provincia']){
              $html= $html. '<option value="'.$rowprovincia['id_provincia'].'" selected="selected">'.$rowprovincia['provincia'].'</option>';
              }else{
              $html= $html. '<option value="'.$rowprovincia['id_provincia'].'">'.$rowprovincia['provincia'].'</option>';
              }
          }
          }else{
          $html= $html. '<option value="">Provincias no disponible</option></select>
          </div></div>';
        }

          $html= $html. '</select>
          <i></i>
          </div></div>';
          $html= $html. '<div class="row">
        <div class="col">
            <label for="ciudades">Localidad</label>
            <input type="text" class="form-control" id="ciudadesdel" name="ciudadesdel" aria-describedby="ciudades" value="'.$rowcli['Localidad'];
            $html= $html. '" readonly/>
          </div>
          <div class="col">
          <label for="Cp">Código Postal</label>
          <input type="text" class="form-control" id="Cpdel" name="Cpdel" aria-describedby="Cp" value="'.$rowcli['cp'];
          $html= $html. '" readonly/>
          </div>
          <div class="col">
            <label for="mailcontacto">E-mail de Contacto</label>
            <input type="email" class="form-control"  id="mailcontactodel" name="mailcontactodel" aria-describedby="mailcontacto" value="' .$rowcli['mail'];
          $html= $html. '" readonly/>
          </div>
        </div>
        <div class="row">
          <div class="col">
            <label for="mailfacturacion">E-mail de Facturación</label>
            <input type="email" class="form-control" name="mailfacturaciondel" id="mailfacturaciondel" aria-describedby="mailfacturacion" value="' .$rowcli['mail_fac'];
            $html= $html. '" readonly/>
          </div>
          <div class="col">
            <label for="TelefonoF">Teléfono Fijo</label>
            <input type="tel" class="form-control" name="telefonofdel" id="telefonofdel" aria-describedby="telefonofijo" value="' .$rowcli['telefono'];
            $html= $html. '" readonly/>
          </div>
          <div class="col">
            <label for="TelefonoM">Teléfono Móbil</label>
            <input type="tel" class="form-control" name="telefonomdel" id="telefonomdel" aria-describedby="telefonomobil" value="' .$rowcli['movil'];
            $html= $html. '" readonly/>
          </div>
        </div>';
        echo $html;
}
      


//Update de la Query

if(isset($_POST['hiddendata'])){
    $uniqueid=$_POST['hiddendata'];
    //$name=$_POST['updatename'];
    //$email=$_POST['updateemail'];
    //$mobile=$_POST['updatemobile'];
    //$place=$_POST['updateplace'];

    $sql="update `clientes` set borrado=1 where id= $uniqueid";

    $result=mysqli_query($con,$sql);

}
?>

HTML:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>

<button onclick="eliminar(<?php echo $fila['id_cliente']; ?>);" data-id="<?php echo $fila['id_cliente']; ?>" name="del" id="del" class="btn btn-danger delete"> <span class="glyphicon glyphicon-trash" aria-hidden="true"></span></button>
                    <button onclick="actualizar(<?php echo $fila['id_cliente']; ?>)" id="upd" name="upd" data-datos="<?php echo $fila['id_cliente']; ?>" class="btn btn-success update" type="button"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span></button>
2
  • El PHP va en la propia respuesta, tal como lo has puesto. El markdown para código del sitio soporta indicar el lenguaje para resaltar la sintaxis. Ahora que he editado tu respuesta, puedes darle clic a editar para ver cómo se hace.
    – jachguate
    Commented el 10 jul. a las 19:43
  • Tal y como está redactada, tu respuesta no es clara. Por favor, pulsa en editar para añadir detalles adicionales que ayuden a los demás a entender cómo esto responde a la pregunta formulada. Puedes encontrar más información sobre cómo escribir buenas respuestas en el centro de ayuda.
    – Comunidad Bot
    Commented el 14 jul. a las 13:00

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.