Discussion :

[hapalemur]

Bonjour,
Suite à une requête ajax pour rafraichir une cellule ou une colonne d'une table (7x4), je reçois au format Json :

- soit pour une cellule du tableau

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

{"result":{"i":"5","j":"2","val":"17.0"}}

5ème ligne, 2ème colonne, valeur

- soit pour une colonne du tableau

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

{"result":{"j":"3","val":["10.2","4.2","8.5","4.1","5.0","2.8","9.1"]}

valeurs pour la 3ème colonne

Mis à part une fonction javascript qui effectue une itération sur la table, je n'ai pas réussi à implémenter un code jQuery qui donne une solution plus simple. Alors un squelette de code serait le bienvenu.

[mathieu]

vous pouvez tester s'il y a un "i" dans le résultat comme cela :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
var v1 = {"result":{"i":"5","j":"2","val":"17.0"}};
var v2 = {"result":{"j":"3","val":["10.2","4.2","8.5","4.1","5.0","2.8","9.1"]}};
 
testReponse(v1);
testReponse(v2);
 
 
function testReponse(reponse) {
 
    if ("string" === typeof reponse.result.i) {
 
        console.log("Il y a un \"i\".");
 
    } else if ("undefined" === typeof reponse.result.i) {
 
        console.log("Il n'y a pas de \"i\".");
 
    }
 
}

[hapalemur]

Bonjour,
De retour sur le sujet après un passage par le back-office.
Après quelques modifs, je travaille uniquement sur la 2ème colonne et j'ai le code suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
    this.displayCoefficients = function(/*String*/ res) {
         $('#tab_coef tr > td:nth-child(2)').each(function(i, res) {
             /* affichage anciennes valeurs */
            console.log("cellule : " + $(this).html());
            /*affection des nouvelles valeurs */
            $(this).html(res.i);
         });
}

Qui doit utiliser le retour Ajax :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 {"result":["10.2","4.2","8.5","4.1","5.0","2.8","9.1"]};

Avec la partie ajax :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
                obj = jQuery.parseJSON(xhr.responseText);
                callbackResult(obj.result);

Si ce code fonctionne bien concernant le sélecteur (affichage des anciens coefficients), je n'ai pas d'affectation des nouvelles valeurs reçues suite à la requête.
donc $(this).html(res.i) n'est pas correct.
Des idées?

[Toufik83]

pour que cela fonctionne, il faut enlever 'res' qui est dans le each :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 $('#tab_coef tr > td:nth-child(2)').each(function(i, res){...});

puis pour remplir le td tu fais :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$(this).html(res[i]);

au lieu de

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$(this).html(res.i);

.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
json = {
  "result": ["10.2", "4.2", "8.5", "4.1", "5.0", "2.8", "9.1"]
};
displayCoefficients = function(res) {
  $('#tab_coef tr > td:nth-child(2)').each(function(i) {
    $(this).html(res[i]);
  });
}
displayCoefficients(json.result);

[hapalemur]

Parfait, celà fonctionne.
Merci.

Je pensais que, comme l'on ouvrait une nouvelle fonction each(function(...){...}il fallait transmettre le paramètre res.