Estoy trabajando en un sistema de citas. Quiero actualizar la tabla de "solicitudes de cita" y la tabla de "citas aceptadas" simultáneamente cuando se hace clic en el botón "Confirmar" en la solicitud de cita entrante. Actualmente, la tabla de "solicitudes de citas" se actualiza simultáneamente, pero necesito actualizar la página para actualizar mi tabla de "citas aceptadas".

 function load_data(query) { var id = document.getElementById("personel_id").value; $.ajax({ url: "includes/crm-clients-details-requests-load.php", method: "POST", data: { query: query, id: id }, success: function(data) { $('#result-requests').html(data); } }); $.ajax({ url: "includes/crm-clients-details-confirmed-load.php", method: "POST", data: { query: query, id: id }, success: function(data) { $('#result-confirmed').html(data); } }); $.ajax({ url: "includes/crm-clients-details-past-load.php", method: "POST", data: { query: query, id: id }, success: function(data) { $('#result-past').html(data); } }); };

Todas las estructuras ajax funcionan solas sin ningún problema, quiero que la segunda compilación ajax se ejecute cuando la primera ajax se ejecute y tenga éxito.