Discussion :

[cc85]

Bonsoir,

Dans un script, je crée un tableau

Code :

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

1
2
3
4
5
6
7
8
9
let act = document.getElementsByClassName('activite');
  let com = document.getElementsByClassName('comment');
  for (let i = 0; i < items.length; i++) {
    let tabBdd = {
      'annee' : i,
      'activite' : act[i].textContent,
      'comment' : com[i].textContent
    }
  tableauBdd.push(tabBdd);}

Puis le converti en json

Code :

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

let tabJson = JSON.stringify(tableauBdd);

Un "console.log(tabJson)" => ok

Je le passe à un fichier php (pour enregistrer dans la bdd)

Code :

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

1
2
3
4
5
6
7
8
9
10
$.ajax({
  url : 'ecrireBdd.php',
  type : 'POST', 
  dataType : 'json',
  data : tabJson,
  success : function(resultat, statut) {
    alert('Données enregistrées');},
  error : function(resultat, statut, erreur) {
    alert("Erreur !!!! " + erreur);}
});

Dans mon fichier PHP

- Je mets en en-tête :

Code :

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

header('Content-type: application/json; charset=UTF-8');

- Dans ma requête, je récupère bien un fichier JSON

- Mon fichier json récupéré

[{"annee":0,"activite":"Activite principale","comment":"Commentaires"},{"annee":1,"activite":"?","comment":""},{"annee":2,"activite":"?","comment":""},{"annee":3,"activite":"?","comment":""},{"annee":4,"activite":"?","comment":""},{"annee":5,"activite":"?","comment":""},{"annee":6,"activite":"?","comment":""},{"annee":7,"activite":"?","comment":""},{"annee":8,"activite":"?","comment":""},{"annee":9,"activite":"?","comment":""},{"annee":10,"activite":"?","comment":""},{"annee":11,"activite":"?","comment":""},{"annee":12,"activite":"?","comment":""},{"annee":13,"activite":"?","comment":""},{"annee":14,"activite":"?","comment":""},{"annee":15,"activite":"?","comment":""},{"annee":16,"activite":"Jeux olympiques","comment":"Lancer parpaings"},{"annee":17,"activite":"Tyrolienne","comment":""},{"annee":18,"activite":"Kermesse","comment":""},{"annee":19,"activite":"Puy du Fou","comment":""},{"annee":20,"activite":"Pac Man","comment":""},{"annee":21,"activite":"Baby foot","comment":""},{"annee":22,"activite":"Jeu de piste","comment":"René la taupe"},{"annee":23,"activite":"Fusée à eau","comment":""},{"annee":24,"activite":"Tir à l'arc","comment":""},{"annee":25,"activite":"Voiture F1","comment":""},{"annee":26,"activite":"Guiness Irlande","comment":""},{"annee":27,"activite":"Fort Boyard","comment":"Pisse partout"},{"annee":28,"activite":"COVID ?","comment":""},{"annee":29,"activite":"Avion papier ?","comment":""},{"annee":30,"activite":"Chevaux ?","comment":""},{"annee":31,"activite":"?","comment":"Mamadou"},{"annee":32,"activite":"?","comment":""},{"annee":33,"activite":"Koh lanouta","comment":""},{"annee":34,"activite":"Pokémon go","comment":""},{"annee":35,"activite":"Soirée créole","comment":"Musique Issue de secours"},{"annee":36,"activite":"Harry Potter","comment":"Quidditch"},{"annee":37,"activite":"Soirée créole","comment":"Combat coq"},{"annee":38,"activite":"Cluedo","comment":""},{"annee":0,"activite":"Activite principale","comment":"Commentaires"},{"annee":1,"activite":"?","comment":""},{"annee":2,"activite":"?","comment":""},{"annee":3,"activite":"?","comment":""},{"annee":4,"activite":"?","comment":""},{"annee":5,"activite":"?","comment":""},{"annee":6,"activite":"?","comment":""},{"annee":7,"activite":"?","comment":""},{"annee":8,"activite":"?","comment":""},{"annee":9,"activite":"?","comment":""},{"annee":10,"activite":"?","comment":""},{"annee":11,"activite":"?","comment":""},{"annee":12,"activite":"?","comment":""},{"annee":13,"activite":"?","comment":""},{"annee":14,"activite":"?","comment":""},{"annee":15,"activite":"?","comment":""},{"annee":16,"activite":"Jeux olympiques","comment":"Lancer parpaings"},{"annee":17,"activite":"Tyrolienne","comment":""},{"annee":18,"activite":"Kermesse","comment":""},{"annee":19,"activite":"Puy du Fou","comment":""},{"annee":20,"activite":"Pac Man","comment":""},{"annee":21,"activite":"Baby foot","comment":""},{"annee":22,"activite":"Jeu de piste","comment":"René la taupe"},{"annee":23,"activite":"Fusée à eau","comment":""},{"annee":24,"activite":"Tir à l'arc","comment":""},{"annee":25,"activite":"Voiture F1","comment":""},{"annee":26,"activite":"Guiness Irlande","comment":""},{"annee":27,"activite":"Fort Boyard","comment":"Pisse partout"},{"annee":28,"activite":"COVID ?","comment":""},{"annee":29,"activite":"Avion papier ?","comment":""},{"annee":30,"activite":"Chevaux ?","comment":""},{"annee":31,"activite":"?","comment":"Mamadou"},{"annee":32,"activite":"?","comment":""},{"annee":33,"activite":"Koh lanouta","comment":""},{"annee":34,"activite":"Pokémon go","comment":""},{"annee":35,"activite":"Soirée créole","comment":"Musique Issue de secours"},{"annee":36,"activite":"Harry Potter","comment":"Quidditch"},{"annee":37,"activite":"Soirée créole","comment":"Combat coq"},{"annee":38,"activite":"Cluedo","comment":""}]

est validé par https://jsonlint.com/

Mais, dès que je veux l'utiliser dans le php, j'ai la réponse :

SyntaxError: JSON.parse: unexpected character at line 2 column 1 of the JSON data

Je suis en test sous Wampserver 3.3.1 sous W11 et PHP 8.2.3.
J'ai testé avec PHP 7.4.9 => idem

J'ai vidé le cache du navigateur => idem

Je ne sais plus quoi faire.

Je vous remercie pour les éléments de réponse que vous pourrez m'apporter...

[Toufik83]

Bonjour,

L'objet envoyé par ajax est convertit en chaine de caractère avec let tabJson = JSON.stringify(tableauBdd);, et donc vous devriez le reconvertir en tableau au niveau PHP avec json_decode();
Comment tu utilises l'objet JSON dans le fichier PHP ?

[cc85]

Bonjour et merci,

Dans mon .php, normalement je fais

Code :

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

1
2
if (isset($_POST['tabJson'])) {
  $tabBdd = json_decode($_POST['tabJson']);}

et la suite du traitement.

Et c'est à ce moment là que j'ai une erreur.

Je teste avec Firebug :

Code :

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

1
2
3
4
5
6
7
8
  fb('debut');
  if (isset($_POST['tabJson'])) {
    $tabBdd = json_decode($_POST['tabJson']);
    fb('ok');
  } else {
    fb('ko');
  }
  fb('fin');

J'ai "ko".

Je viens de tester sans rien dans mon .php, juste <?php php> et j'ai l'erreur...

Nb : dans la surveillance réseau, j'ai bien les données de formulaire correspondant à mes données mais le type est "html"
Si je rajoute en en-tête du .php (comme je fais habituellement) header('Content-type: application/json; charset=UTF-8'), j'ai bien un type "json"

Bonne journée

[Toufik83]

Je teste avec Firebug :

Code :

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

1
2
3
4
5
6
7
8
  fb('debut');
  if (isset($_POST['tabJson'])) {
    $tabBdd = json_decode($_POST['tabJson']);
    fb('ok');
  } else {
    fb('ko');
  }
  fb('fin');

J'ai "ko".

Et si tu essaies d'ajouter le nom de variable dans data d'ajax :data : {"tabJson":tabJson}, c'est toujours ko ?

Puis je vois que l'erreur est relative à JS SyntaxError: JSON.parse: unexpected character at line 2 column 1 of the JSON data et pas au PHP, plus précisément a JSON.parse() alors que je ne vois nulle part JSON.parse dans ton code.

[cc85]

Puis je vois que l'erreur est relative à JS SyntaxError: JSON.parse: unexpected character at line 2 column 1 of the JSON data et pas au PHP, plus précisément a JSON.parse() alors que je ne vois nulle part JSON.parse dans ton code.

JSON.parse est une fonction JS. Je l'utilise en test dans mon script juste après 'stringify' et avant '$.ajax' et ça s'affiche bien

Code :

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

1
2
3
let obj = JSON.parse(tabJson);
for (let i=0; i<obj.length;i++) {
  console.log(obj[i].annee, obj[i].activite, obj[i].comment);}

Le message

SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data

je l'ai en retour de '$.ajax'

[Toufik83]

Si ajax passe au bloc error au lieu de success, ceci dit qu'il y'a des erreurs dans le fichier PHP (niveau serveur), et si tu veux les identifier il faudrait seulement les afficher avec un console.log()

Code :

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

1
2
3
error : function(resultat, statut, erreur) {
  console.log("résultat :",resultat,", Erreur :",erreur); //Permet d'afficher + de détails dans la console
}

Est-ce que le fichier PHP retourne une réponse json avec json_encode() ou pas ? car c'est obligatoire vu que tu utilises le type de données json dataType:"json" dans les paramètres d'ajax.

D'après ce que je vois, l'erreur de JSON.parse() est invoquée par $.ajax même et pas par la ligne let obj = JSON.parse(tabJson);, parce $.ajax décode la réponse automatiquement avec JSON.parse lorsque le type de données est json, et donc si le fichier PHP ne renvoie pas une réponse json valide, l'erreur est immédiatement affichée.

Peux-tu nous montrer tout le fichier PHP ?

[Séb.]

Mais, dès que je veux l'utiliser dans le php, j'ai la réponse :
SyntaxError: JSON.parse: unexpected character at line 2 column 1 of the JSON data

Qui donne cette erreur ?

Le JSON que tu as collé est bon, et PHP arrive bien à le décoder => https://onlinephp.io/c/21daf

S'il y en a un, regarde le JSON de réponse.

[cc85]

Bonjour,

Qui donne cette erreur ?

Et si tu essaies d'ajouter le nom de variable dans data d'ajax :data : {"tabJson":tabJson}, c'est toujours ko ?

C'est tout bon !!! Merci !!!

Enfin presque...

J'ai bien maintenant ok quand je décode 'tabJson' et je récupère bien 39 valeurs

Code :

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

fb('Nombre de valeurs ' . count($tabBdd));

Mais j'ai toujours l'erreur :
- Dans la console en réponse à la requête XHR POST
- En retour de la fonction $.ajax en erreur

Code :

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

1
2
3
error : function(resultat, statut, erreur) {
  console.log(resultat); //Permet d'afficher + de détails dans la console
  alert("Erreur !!!! " + erreur);

Je continue...