I need your help.
In javascript, I call a php page with AJAX to create a map (openstreetmap) and just after I call an other php page with AJAX to refresh a HTML table. It works but I want to use a single AJAX call to create my map and refresh mys table in the same time. Is it possible and if yes can I have your help ? The first PHP page and the second PHP page use exactly the same request Mysql to retrieve data.
This is my javascript code :
$.ajax({
type: "GET",
url: './api/req1.php',
data: { Zdate: Zdate
},
cache: false,
success: function(data) {
ZMesmarkeurs.clearLayers(); // on supprime tous les markeurs avant d'en ajouter
var markerArray = []; // on déclare le tableau qui va recevoir les markeurs
var dataResult = JSON.parse(data);
/* on créer les markeurs si on en a */
if (dataResult) {
for (var key in dataResult) {
if (dataResult.hasOwnProperty(key)) {
var LatClient = dataResult[key].LatClient;
var LongClient = dataResult[key].LongClient;
if (LatClient && LongClient){
/* on affiche le markeur avec l'info client dans la popup */
L.marker([LatClient, LongClient]).addTo(ZMesmarkeurs).bindPopup('retour GPS').bindPopup(dataResult[key].Nom_Clients+ " "+dataResult[key].Prenom_Clients+"<BR>"+dataResult[key].Adresse+"<BR>"+dataResult[key].Code_postale+" "+dataResult[key].Ville);
markerArray.push([LatClient, LongClient]); // on ajoute les markeurs dans le tableau
//map.fitBounds([[dataResult[key].LatClient, dataResult[key].LongClient]]);
}
}
}
map.fitBounds(markerArray); // on centre la carte sur les markeurs
}
}
});
// recherche de tous les rendez-vous de la journée indiquée
// pour les afficher dans le tableau de gauche
$.ajax({
url: "./api/Req2.php",
type: "GET",
cache: true,
data: { ZdateRDV: ZdateRDV },
success: function(data) {
$('#TableGPSTech').html(data);
}
});
}
Is it possible to use only one AJAX call to create my map an refresh my html table ?
I hope I have been clear.
Thank's a lot for your help.
REGARDS.
source https://stackoverflow.com/questions/68154376/how-to-refresh-html-table-and-other-data-in-the-same-script-with-ajax
Comments
Post a Comment