Retour Fetch vide

**taosikua** · 07/02/2020, 09h42

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 !

**SpaceFrog** · 07/02/2020, 09h57

et transform.php ??

**taosikua** · 07/02/2020, 10h01

Salut !!

Voila pour transform.php

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
17
18
19
<?php 
    session_start(); 
    $data = json_decode($_POST['json'],true);
?>
 
<!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>
    <?php
        print_r($data);
    ?>
</body>
</html>

Le voici ;p

**SpaceFrog** · 07/02/2020, 10h12

Procédons par étapes ...
Essaye
pour la page transform.php

Code :

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

1
2
3
4
5
6
<?php 
    session_start(); 
    $data = $_POST;
   var_dump( $data ); 
 
  ?>

Sans rien d'autre ..

**taosikua** · 07/02/2020, 10h14

Ah, ca ma donné quelque chose

Code :

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

1
2
3
4
5
 
array(1) {
  ["json"]=>
  string(2) "{}"
}

Je comprends d'ailleurs pas bien ce que signifie le 'string(2)'

Edit : j'suis con , c'est "{}" qui vaut 2string

**SpaceFrog** · 07/02/2020, 10h18

Code :

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

1
2
3
4
5
6
<?php 
    session_start(); 
    $data = $_POST["json"];
   var_dump( $data ); 
 
  ?>

Retour Fetch vide

JavaScript

Vue hybride

Discussions similaires

Partager

Partager