Salut tout l'monde !

J'ai un petit soucis , je m'explique :

Ce que j'aimerais faire :

Au clique sur un bouton 'ajouter favoris' , mon script lance une fonction qui fetch vers une page PHP l'article que la personne a voulu ajouter en favoris.

Du coup , j'me suis fait un mini projet pour isolé cette fonctionnalités avant de l'implémenté.

Bref , un peu d'code :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
const divparent = document.getElementById('all');
const boutonfavoris = document.getElementById('click');
 
boutonfavoris.addEventListener('click', () => {
        let data = new FormData();
        data.append("json", JSON.stringify(divparent));
        fetch("http://localhost/test/transform.php", {
                method: "POST",
                body: data
            })
            .then((res) => res.text())
            .then((data) => console.log(data))
    });
Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
  <div id="all">
    <p>coucou</p>
    <p> Je suis une image de voiture</p>
    <button id="click">Ajouter au favoris</button>
  </div>
 
  <script src="script.js"></script>

Seulement quand je clique , voici le retour de mon console.log(data)

Code HTML : 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    Array
(
)
 
 
</body>
</html>

Du coup tableau vide , Qué passa? :/

Merci a tous de m'avoir lu !