Obtener los datos-fetch

   <form id="formVideo" method="POST" enctype="multipart/form-data">

        <input type="hidden" name="caso_id" value="<?php echo isset($_GET['caso_id']) ? intval($_GET['caso_id']) : ''; ?>">

        <input type="hidden" name="nombreFrom" value="formVideo">

        <div class="row mt-3">

            <div class="col-3 mb-3">

                <label for="fecha" class="form-label">Fecha</label>

                <input type="date" class="form-control" id="fecha" name="fecha" required>

            </div>

            <div class="col-5 mb-3">

                <label for="archivo" class="form-label">Archivo</label>

                <input type="file" class="form-control" id="archivo" name="archivo" required>

            </div>

            <div class="col-3 mb-3 d-flex align-items-end">

                <button type="submit" class="btn btn-success w-100">Guardar Información</button>

            </div>

        </div>

    </form>

document.addEventListener('DOMContentLoaded', () => {

    // Obtener el caso_id del campo oculto en el formulario

    const caso_id = document.querySelector('input[name="caso_id"]').value;

obtenerAudiencias(caso_id);

    // Si existe un caso_id, realizar una solicitud fetch para obtener las audiencias asociadas

    function obtenerAudiencias(caso_id) {

        fetch(`http://localhost/despachos/vistas/expediente/expAudienciaservidor.php?caso_id=${caso_id}`)

            .then(response => response.json()) // Convertir la respuesta en formato JSON

            .then(data => {

                const tbody = document.getElementById('audienciasTable'); // Obtener el elemento tbody de la tabla

                tbody.innerHTML = ''; // Limpiar el contenido actual del tbody

               

                // Recorrer los datos obtenidos y construir filas para cada audiencia

                data.forEach(audiencia => {

                    const fila = `

                        <tr>

                            <td>${audiencia.id}</td>

                            <td>${audiencia.numero_expediente}</td>

                            <td>${audiencia.carpeta}</td>

                            <td>${audiencia.fecha}</td>

                           <td>${audiencia.resolvio}</td>

                            <td>

                                <!-- Botones para editar, eliminar y ver video de la audiencia -->

                                <button class="btn btn-primary btnEditar" data-id="${audiencia.id}" data-carpeta="${audiencia.carpeta}" data-resolvio="${audiencia.resolvio}">Editar</button>

                                <button class="btn btn-danger btnEliminar" data-id="${audiencia.id}">Eliminar</button>

                                <button class="btn btn-info btnVerVideo" data-ruta="${audiencia.ruta}">Ver Video</button>

                            </td>

                        </tr>`;

                    tbody.insertAdjacentHTML('beforeend', fila); // Insertar la fila en la tabla

                });

            });

    }

En el servidor:

// Procesamiento de solicitudes GET

if ($_SERVER['REQUEST_METHOD'] == 'GET' && isset($_GET['caso_id'])) {

    $caso_id = intval($_GET['caso_id']);

    $audiencias = AudienciasModel::obtenerAudiencias($caso_id);

    echo json_encode($audiencias);

}