question de débutant, requête fetch et retour json

Version imprimable

Bonjour à tous,

je me tire les cheveux (que je n'ai plus) depuis hier avec un petit problème qui doit être simple mais je n'y arrive pas.

je travaille avec une api qui doit recevoir en parametre un fichier json sous cette forme:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
var task = [{
                start: '2018-12-11',
                end: '2018-12-31',
                name: 'bonjour',
                id: "Task 7",
                progress: 0,
                dependencies: 'Task 4',
                custom_class: 'bar-milestone'
            },
{
                start: '2018-12-11',
                end: '2018-12-31',
                name: 'bonjour',
                id: "Task 7",
                progress: 0,
                dependencies: 'Task 4',
                custom_class: 'bar-milestone'
            }];

je fait une requête fetch qui va me chercher le fichier qui va bien :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
 
       let tasks = []
        let id = document.getElementById("idProj").value;
fetch("./ajax/loadTask.php?idProj="+id)
    .then((res) => res.json())
    .then((response) => {
   //   console.log(response);
 
      for (let i in response) {
        if( response[i].task_id !="Task 0"){
        task += `
                ,{
                start: '${response[i].start}',
                end: '${response[i].end}',
                name: '${response[i].name}',
                id: "${response[i].task_id}",
                progress: ${response[i].progress}
                }
            `;}else{
                task+=`{
                start: '${response[i].start}',
                end: '${response[i].end}',
                name: '${response[i].name}',
                id: "${response[i].task_id}",
                progress: ${response[i].progress}
                }`
 
            }
      }
 
   //   console.log(tasks);
 
    })
    .catch((error) => console.log(error));
 
//il faudrait ici que s'affiche
tasks =[
{
resultat 1 de la requete
},{
resultat 2  de la requete
}, etc
];

ma question, comment injecter dans la variable tasks[] le resultat du fetch qui me retourne les données dans un console log au bon format ? en php j'aurais fait echo task; mais en js je ne sais pas comment faire.

Pourriez vous me filer un petit coup de main.

Merci

Bonjour,

Tu peux ajouter les valeurs avec push dans la boucle for comme ceci :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
let tasks=[];
for (let i in response) {
        if( response[i].task_id !="Task 0"){
              tasks.push({
                    start: response[i].start,
                    end: response[i].end,
                    name: response[i].name,
                    id: response[i].task_id,
                    progress: response[i].progress
              });
        }
}

Mais je me demande pourquoi il y'a une virgule avant l'accolade à la ligne 12 ? c'est la seule différence entre les deux code de if else.

11/08/2021, 11h08
team94
bonjour et merci de ton retour,

avec le code fournit lorsque je fait un console log de tasks j'obtient un tableau vide.

dans mon script la variable tasks doit être écrite physiquement sous cette forme
Code:

1 2 var tasks = [{contenu 1},{contenu 2}...]
c'est pourquoi lorsque c'est la première tache il n'y a pas de virgule et sur la seconde il y en a

merci quand même de ton retour
11/08/2021, 11h32
team94

C'est bon cela fonctionne merci Toufik 83 :bravo::ccool:

je met en résolu