Hola,

¿Puede explicar por qué mi div de actualización no funciona? Cuando se hace clic en enviar, parece que el div está tratando de actualizar eliminando todos los datos de las filas, pero luego no devuelve nada, lo que deja el div en blanco. Los datos almacenados en la base de datos están bien, pero necesito que el div se actualice y muestre todos los nuevos datos enviados.

 $('#submitBtm').on('click', onSubmit = () => { const first_nameV = document.getElementById("first_name").value; const last_nameV = document.getElementById("last_name").value; const emailV = document.getElementById("email").value; const departmentV = document.getElementById("department").value; $.ajax({ type: "POST", url: `companydirectory/libs/php/insertAll.php?first_name=${first_nameV}&last_name=${last_nameV}&email=${emailV}&departmentID=${departmentV}`, success: function(data) { }, error: function(request,error) { console.log(request) } }) $("#id_data").load(location.href + " #id_data"); event.preventDefault(); })

en la página HTML

 <div class="listTable"> <tbody id="id_data"> </tbody> </div>