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 de ajax funcionan solas sin ningún problema, quiero que la segunda compilación de ajax se ejecute cuando la primera se ejecute y tenga éxito.