Bonjour,

Je suis encore débutant et je rencontre un petit problème avec ajax.

J'essaye d'afficher un diagramme en barre (ECharts) en fonction de donnée d'une base de données, après une sélection dans une liste déroulante.
Tout marche ou presque.
Je sélectionne un territoire dans une liste déroulante, la requête SQL s'exécute, envoie un json dans l'Ajax, et le diagramme en bar fonctionne, mais :
Il ne fonctionne que après deux sélections de territoire et n'affiche que les données du précédent territoire sélectionné...
Voici mon ajax, le problème doit certainement venir de là :

$territoire.on('change', function() {
        var val = $(this).val(); 

    $.ajax({
        url: './php/CSP.php',
        type: 'GET',
        data: 'id_territoire=' + val, 
        dataType: 'json',
        success: function(CSP) {
              arti      = CSP[0].arti;
              cadre     = CSP[0].cadre;
              interme   = CSP[0].interme;
              employe   = CSP[0].employe;
              ouvrier   = CSP[0].ouvrier;
        }
    });

Donc j'aimerais qu'il me charge dans les dernières valeurs selectionnées, et non les valeurs précedentes.

Merci pour votre aide

Lacenaire

Bonjour,

Tu peux mettre le bout de code correspondant à la sélection du territoire stp

Bonjour,

J'ai trouvé la solution.

Il le problème venait de async, qu'il fallait mettre sur false .

$territoire.on('change', function() {
        var val = $(this).val();
 
    $.ajax({
        url: './php/CSP.php',
        type: 'GET',
        async: false, 
        data: 'id_territoire=' + val,
        dataType: 'json',
        success: function(CSP) {
              arti      = CSP[0].arti;
              cadre     = CSP[0].cadre;
              interme   = CSP[0].interme;
              employe   = CSP[0].employe;
              ouvrier   = CSP[0].ouvrier;
        }
    });

Merci

Bonjour,

pourquoi ne pas mettre l'appel de tes autres fonctions (le diagramme en barre) dans le "success" de ta méthode $.ajax (ça s'appelle un callback) ? Ainsi tu gardes l'intérêt de l'asynchrone, et tu utilises $.ajax comme ça a été conçu

Un exemple

function remplir(val){ 
    NomQueTuVeux(val, function (CSP) {    
              arti      = CSP[0].arti;
              cadre     = CSP[0].cadre;
              interme   = CSP[0].interme;
              employe   = CSP[0].employe;
              ouvrier   = CSP[0].ouvrier;
    });
}

function NomQueTuVeux(val, callback) {
    $.ajax({
        url: './php/CSP.php',
        type: 'GET',
        data: 'id_territoire=' + val,
        dataType: 'json',
        success: callback
    });
}