Discussion :

[NoSmoking]

L'envoi des données peut se faire en utilisant la technique Ajax et en transmettant les données sous la forme d'un objet « sérializé » avec la méthode JSON.stringify().
Exemple :

Code :

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

1
2
3
4
5
6
7
8
9
10
function sendData() {
  // récup. des donnéees
  var dataGroupes = JSON.stringify(getGroupes());
  // création objet requête
  var oReq = new XMLHttpRequest();
  // définition et envoi des données
  oReq.open("POST", "fichier-de-traitement-json.php", true);
  oReq.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
  oReq.send("groupes=" + dataGroupes);
}

Côté serveur il te suffit de décoder la chaîne avant utilisation, par exemple

Code php :

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

1
2
3
4
5
6
7
8
9
10
<?php
if (!empty( $_POST["groupes"])) {
  $datas  = json_decode($_POST["groupes"], true);
  forEach ($datas as $name => $data) {
    forEach ($data as $value) {
      // traitement des données
    }
  }
}
?>

Ne pas oublier les vérifications d'usage.

[marjan]

Merci beaucoup de ton aide.
Je vois la construction de la fonction sendData, et je vais la potasser.
Côté PHP, je pense me débrouiller, d'autant que tu m'as donné la solution.
Enfin, je vois le bout du problème.
Ce que je regrette, c'est que les bouquins expliquant D&D ne traitent pas le problème de fond en comble, car ils donnent des exemples avec des prérequis dignes d'un cursus de plusieurs années d'études !....
Heureusement, ce forum permet des réponses adaptées à chaque cas.
J'ai vraiment beaucoup apprécié ton aide.

Marc

[marjan]

Cher NoSmoking, j'ai encore besoin de tes services si tu veux bien.
La fonction sendData est déclenchée par mon bouton avec onclick = "sendData()"
Normalement le ficher JSON est envoyé par POST au fichier PHP intitulé "traitementfichierJson.php". (dans le même dossier)
Pour le voir à l'écran, je suis bien obligé de faire un appel à ce fichier avec window.location.href="traitementfichierJson.php" que j'ai mis dans sendData. Je suis bien redirigé sur le fichier de traitement.
Je teste l'existence du fichier posté ["groupes"] ----> ce qui ne donne rien !... Groupes non posté .....je ne comprends plus.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
function sendData() {
  // récup. des donnéees
  var dataGroupes = JSON.stringify(getGroupes());
  // création objet requête
  var oReq = new XMLHttpRequest();
  // définition et envoi des données
  oReq.open("POST", "traitementfichierJson.php", true);
  oReq.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
  oReq.send("groupes=" + dataGroupes);
  window.location.href="traitementfichierJson.php";
}

Code PHP :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<?php
if (!empty( $_POST["groupes"])) {
  $datas  = json_decode($_POST["groupes"], true);
  forEach ($datas as $name => $data) {
  	echo $name . ':';
    forEach ($data as $value) {
	echo '  ' . $value;
      // traitement des données
    }
  }
}else{
	echo 'Groupes non postés';
}
?>

[marjan]

Je pense que je me débrouillerai pour décoder le fichier JSON, j'ai trouvé des exemples sur Internet.
Par contre, où ça coince : malgré le send() ---> oReq.send("groupes=" + dataGroupes);
je ne trouve pas le fichier dans le POST de "traitementfichierJson.php". ??

[marjan]

En activant la console de mon navigateur, je vois bien la ligne ;
XHR POST http://......../traitementfichierJson.php
et dans les paramètres transmis :
groupes={"groupe1":["1. François ... etc.} les modifs apportées par les Drag and Drop sont bien prises en compte.
Dans le fichier PHP, je reçois théoriquement ces données sous le nom 'groupes'.
Donc, en testant le POST['groupes'], ce fichier PHP devrait pouvoir me dire qu'il a reçu le fichier 'groupes' et me répondre.
C'est pour cela que j'ai juste écrit ;

Code PHP :

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

1
2
if (!empty( $_POST["groupes"]))
echo 'fichier reçu';

Or, cela ne marche pas.
Peux-tu me donner une explication s'il te plait ?
Merci d'avance.

[marjan]

Merci à tous pour vos contributions.
J'ai été conseillé et on a trouvé la solution.
Une erreur de code dans :
oReq.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");