Cliente y servidor

 Cliente:

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Formulario</title>
    <!-- Agrega las referencias a Bootstrap y SweetAlert2 -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script>
</head>
<body>

<!--Solicitud Control de la detención  -->
<div class="container">
  <!--Solicitud Control_detención   -->
  <input type="hidden" name="inputCarpeta" id="inputCarpetaC_detencion" value="<?php echo "C-01/2015";?>">
  <form id="2-c_detencion">
    <div class="row align-items-center">
        <!-- Campos ocultos para enviar el id al servidor <input type="hidden" name="id" value="php echo $_GET['id'];  ?>">    -->
        <div class="col-2">
            <div class="form-group">
                <button type="button" class="btn btn-success" id="C_detencionBtn1" >Guardar</button>
            </div>
        </div>
        <input type="hidden" name="carpeta" value="<?php echo "C-01/2015"; ?>">
        <input type="hidden" name="registro" value="Nelson">
        <div class="col-3">
            <div class="form-group">
                <label for="carpeta">Control de detención:</label>
                <input type="text" class="form-control inputstl" name="solicitud"  value="Control de la detención" id="solicitudC_detencion" >
            </div>
        </div>

        <!-- Agregamos el campo oculto para la fecha de registro -->
        <input type="hidden" name="f_registro" id="f_registroC_detencion">

        <div class="col-3">
            <div class="form-group">
                <label for="carpeta">Comentario:</label>
                <input type="text" class="form-control inputstl"  name="comentario" id="comentarioC_detencion">
            </div>
        </div>

        <input type="hidden" name="f_vence" value="0000-00-00">

        <input type="hidden" name="Estado" value="pendiente">

        <div class="col-2">
            <div class="form-group">
                <label for="carpeta">Detención:</label>
                <input type="date" class="form-control inputstl" name="f_contesto" id="f_contestoC_detencion" placeholder="Carpeta Judicial" aria-invalid="true">
            </div>
        </div>
        <div class="col-2">
            <div class="form-group">
                <label>Aprehensión:</label>
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="resolvio" id="Legal" value="Legal">
                    <label class="form-check-label" for="giro">Legal</label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="resolvio" id="Ilegal" value="Ilegal">
                    <label class="form-check-label" for="nego">Ilegal</label>
                </div>
            </div>
        </div>
    </div>
  </form>

</div>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@7.26.10/dist/sweetalert2.all.min.js"></script>
</body>
<script>      
        // 2-C_detencion
       
    const valorCarpetaC_detencion = document.getElementById("inputCarpetaC_detencion").value;
    const valorSolicitudC_detencion = document.getElementById("solicitudC_detencion").value;
    let datosSolC_detencion = [];


    document.getElementById('C_detencionBtn1').addEventListener('click', function() {
        // Prevenir la acción por defecto (la actualización de la página)
        event.preventDefault();

        // Obtener la fecha actual
        var fechaActual = new Date();
       
        // Formatear la fecha como "YYYY-MM-DD"
        var fechaFormateada = fechaActual.toISOString().slice(0, 10);
       
        // Establecer el valor del campo oculto
        document.getElementById('f_registroC_detencion').value = fechaFormateada;
       
        // Una vez que se establece la fecha actual, puedes continuar enviando el formulario
       guardarDatos1C_detencion();
   });

    function guardarDatos1C_detencion() {
        // Obtener los valores del formulario
        const datos = new FormData(document.getElementById('2-c_detencion'));
       
        console.log("C_detencion",[...datos.entries()]);
   
        fetch('http://localhost/3-MVC-SITE-v5-SOLICITUDES/EJERCICIOS-COMPONENTES/componentes/1-carpeta-p.php', {
            method: 'POST',
            body: datos,
        })
        .then(res => res.json())
        .then(data => {
            console.log(data);
           // console.log(data.status); console.log(data.servidor);
            if (data.status === 'Correcto2') {
                Swal.fire({
                    title: 'Éxito',
                    text: 'Datos guardados exitosamente',
                    confirmButtonColor: '#3085d6',
                });
            }
        })
        .catch(error => {
            console.error('Error al procesar la solicitud:', error);
            // Aquí puedes manejar el error de manera adecuada, ya sea mostrando un mensaje al usuario o realizando otra acción.
        });
       
    }

</script>

Servidor:

<?php
header("Access-Control-Allow-Origin: *");
if(isset($_POST['carpeta']) && isset($_POST['registro']) && isset($_POST['solicitud']) ) {
   
    $datos1 =["carpeta"=>$_POST['carpeta'],
              "registro"=>$_POST['registro'],
              "solicitud"=>$_POST['solicitud'],
              "f_registro"=>$_POST['f_registro'],
              "comentario"=>$_POST['comentario'],
              "f_contesto"=>$_POST['f_contesto'],
              "resolvio"=>$_POST['resolvio']

            ];  
   //Verificando los datos del  arreglo $datos2
   echo json_encode(array("carpeta"=>$datos1['carpeta'], "registro" =>$datos1['registro'],"solicitud" =>$datos1['solicitud']));  

}
// Verifica si la variable 'id' está presente en la URL
if (isset($_GET['id'])) {
    // Recibe el valor de 'id'
    $id = $_GET['id'];
    $carpetaModel = new CarpetaModel();
    //echo json_encode(array("status" => "Obtener datos"));
    $carpetaModel->obtenerDatos($id);
}


?>

Comentarios

Entradas populares de este blog

secundaria.

AGENDA-PROFESIONISTAS

4-investigacion