crud-get- Obtén la URL actual-js
url::http://localhost/vistas/agenda/audienciaDrozon.php?caso_id=4
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- jQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.2/sweetalert.min.js" integrity="sha512-AA1Bzp5Q0K1KanKKmvN/4d3IRKVlv9PYgwFPvm32nPO6QS8yH1HO7LbgB1pgiOxPtfeg5zEn2ba64MUcqJx6CA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.10.3/dist/sweetalert2.all.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/sweetalert2@11.10.3/dist/sweetalert2.min.css" rel="stylesheet">
</head>
<body>
<div class="container">
<form id="myForm1">
<div class="row align-items-center m-2">
<!-- Campos ocultos para enviar el id al servidor -->
<input type="hidden" name="id" value="<?php echo $_GET['id']; ?>">
<div class="col-1">
<div class="form-group">
<button type="button" class="btn btn-success" id="guardarBtn1" onclick="guardarDatos1()">Guardar</button>
</div>
</div>
<div class="col-3">
<div class="form-group">
<label for="carpeta">Carpeta de investigación:</label>
<input type="text" class="form-control inputstl" value="xxx" placeholder="Carpeta Judicial" aria-invalid="true">
</div>
</div>
<div class="col-4">
<div class="form-group">
<label for="carpeta">Control de detención:</label>
<input type="date" class="form-control inputstl" name="C_detencion" id="C_detencion" placeholder="Carpeta Judicial" aria-invalid="true">
</div>
</div>
<div class="col-4">
<div class="form-group">
<label for="carpeta">Formulacion de imputacion:</label>
<input type="date" class="form-control inputstl" name="F_imputacion" id="F_imputacion" placeholder="Carpeta Judicial" aria-invalid="true">
</div>
</div>
</div>
</form>
</div>
<script>
function guardarDatos1() {
let formulario1 = document.getElementById('myForm1');
console.log('me diste un click hh')
var datos = new FormData(formulario1);
console.log(datos.get('id'))
console.log(datos.get('C_detencion'))
console.log(datos.get('F_imputacion'))
fetch('http://localhost/MVC-SITE-v5/PARTESDELSISTEMA/carpeta/1-carpeta.php', {
method: 'POST',
body: datos,
})
.then(res => res.json())
.then(data => {
console.log("Respuesta del servidor guardar:", data);
console.log("Estatus",data.status);
//data.status obtenemos el valor
if (data.status === 'Correcto') {
// Mostrar una alerta SweetAlert2
Swal.fire({
icon: 'success',
title: 'Éxito',
text: 'Datos guardados exitosamente',
confirmButtonColor: '#3085d6',
});
// Deshabilitar el botón después de guardar los datos
document.getElementById('guardarBtn1').disabled = true;
// Deshabilitar el campo de entrada después de guardar los datos
document.getElementById('C_detencion').disabled = true;
// Deshabilitar el campo de entrada después de guardar los datos
document.getElementById('F_imputacion').disabled = true;
}
});
}
// Obtén la URL actual
var urlActual = window.location.href;
// Crea un objeto URL
var url = new URL(urlActual);
// Obtiene el valor de la variable de consulta llamada 'variable'
var id = url.searchParams.get('id');
// Muestra el valor en la consola
console.log("id",id);
cargarDatos1(id);
function cargarDatos1(id) {
// console.log("id",id);
//id=23
fetch(`http://localhost/MVC-SITE-v5/EJERCICIOS-COMPONENTES/1-carpeta.php?id=${id}`)
.then(response => response.json())
.then(data => {
// console.log("Respuesta del cargarDatos1:", data);
console.log("C_detencion",data.result.C_detencion);
console.log("F_imputacion",data.result.F_imputacion);
const C_detencionInput = document.getElementById('C_detencion');
const F_imputacionInput = document.getElementById('F_imputacion');
// Verificar si el campo carpeta no es nulo y no es 'null'
if (data.result.C_detencion !== null && data.result.C_detencion !== '0000-00-00' && data.result.C_detencion !== 'null' && data.result.C_detencion !== '') {
C_detencionInput.value = data.result.C_detencion;
F_imputacionInput.value = data.result.F_imputacion;
// Deshabilitar el botón después de guardar los datos
document.getElementById('guardarBtn1').disabled = true;
// Deshabilitar el campo de entrada después de guardar los datos
document.getElementById('C_detencion').disabled = true;
document.getElementById('F_imputacion').disabled = true;
}else {
// Dejar el botón habilitado si no hay resultados
document.getElementById('guardarBtn1').disabled = false;
// Cambiar el color del botón a verde si no hay resultados
document.getElementById('guardarBtn1').classList.add('btn-success');
}
})
}
</script>
</body>
</html>
Comentarios
Publicar un comentario