Here show js function, But my response received from PHP which is in sequence. So I expecting queries to execute all in one go.
PHP queries
public function get_filtered_data_01(){...}
public function get_filtered_data_02(){...}
JS query
//Example ajax query 01 as like below we have few more query
function load_filtered_data_1(data_params) {
$.ajax({.....});
}
async function loadAllFilters(data_params) {
try {
await Promise.all([
load_filtered_data_1(data_params),
load_filtered_data_2(data_params),
............
]);
} catch (error) {
console.error("Error loading filters:", error);
}
}
$('#dropdown').on('change', async function() {
// Load all other filters concurrently
await loadAllFilters(data_params);
});
You need to sign in to view this answers