Echappement d'apostrophe et construction json

**feelwatt** · 12/02/2019, 15h40

Bonjour,
Je fais une construction de json à partir d'une reqête MySql.
le problème c'est que lorsqu'il y a une apostrophe cela bubug, gentiment.

La solution, est-elle :
-échapper ces apostrophes à l'insert dans la BD
- puis un faire string_replace (php) à l'affichage ?

Ou il y a-t-il un autre moyen ?

D'ailleurs, le même type de problème apparait avec les doubles côtes.

Vous remerciant cordialement.

**SpaceFrog** · 12/02/2019, 16h34

soit echapper, soit remplacer par ' ...

ou encore en php selon le retour attendu ...

Code :

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

$encodeData = htmlspecialchars(json_encode($yourArr), ENT_QUOTES, 'UTF-8');

**Watilin** · 12/02/2019, 23h22

On peut aussi tirer parti des options de json_encode :

Code php :

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

$encodedData = json_encode($yourArr, JSON_HEX_QUOT | JSON_HEX_APOS);

Invité · 13/02/2019, 09h39

1-

Envoyé par SpaceFrog

Code php :

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

$encodeData = htmlspecialchars(json_encode($yourArr), ENT_QUOTES, 'UTF-8');

@SpaceFrog
Non, ça ne fonctionne pas.

Il faut appliquer htmlspecialchars AVANT le json_encode :

Code php :

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

$encodeData = json_encode( array_map('htmlspecialchars', $yourArr) );

Et pour décoder (en PHP) :

Code php :

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

$decodeData = array_map( 'htmlspecialchars_decode', json_decode( $encodeData ) );

2-

Envoyé par feelwatt

...La solution, est-elle :
- échapper ces apostrophes à l'insert dans la BD
- puis un faire string_replace (php) à l'affichage ?
...

Non, certainement pas !

C'est au moment de l'AFFICHAGE qu'on utilise htmlspecialchars() !
Soit valeur après valeur :

Code php :

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

1
2
3
$yourArr_affichage['var1'] = htmlspecialchars( $yourArr['var1'] );
$yourArr_affichage['var2'] = htmlspecialchars( $yourArr['var2'] );
...

Soit en une fois :

Code php :

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

$yourArr_affichage = array_map('htmlspecialchars', $yourArr);

Du coup, la construction du json devient :

Code php :

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

$encodeData = json_encode( $yourArr_affichage );

**Celira** · 13/02/2019, 11h47

Personellement, j'aime bien la solution de Watilin.
Mais ce qu'il faudrait savoir, c'est là où se trouve le bug : est-ce que c'est lors de l'exploitation du json par le JS ? à l'affichage dans le HTML ? ou dans le PHP au niveau de la récupération des données ?

**feelwatt** · 13/02/2019, 18h34

Bonsoir à tous,
Je passe rapidement, (je regarderai les solutions proposées demain ou vendredi).

Pour répondre à Célira
c'est lors de l'exploitation du json par le JS
La console dit qu'il y a un crochet [ d'ouvert et qu'il manque sa fermeture.

**feelwatt** · 15/02/2019, 11h37

Bonjour,
Est-ce que la solution de Watilin

$encodedData = json_encode($yourArr, JSON_HEX_QUOT | JSON_HEX_APOS);

ne concerne pas que les quotes et apostrophes ?
> et que d'autres caractères risquent de perturber l'exploitation du json par le JS ?
Par exemple les retours à la ligne dans les textareas.

Voici la présentation de ce que j'ai mis en place et qui fonctionne sans utiliser les apostrophe ou double-quotes:
Il s'agit de changer les infos des inputs et textarea
lorsque l'on change de user dans une liste.
> function change_user(id)

Code :

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
20
21
22
23
24
25
26
27
28
<script type="text/javascript"> 
data_users = <?php echo json_encode($data_users); ?>;
 
// Remplissage JS
data_users = { 
<?php 
// Boucle php 
while ($user=$req_user_liste->fetch()) { ?>
'<?php echo $user["id"]; ?>': 
	[
		'<?php echo $user["nom"]; ?>',
		'<?php echo $user["fixe"]; ?>',
		'<?php echo $user["portable"]; ?>',
		'<?php echo $user["mail"]; ?>'
	],
	<?php } ?> };
// console.log(data_users);
 
// Et la fonction qui permet de changer les valeurs des champs: 
function change_user(id) 
    { 
      document.getElementById('nom_user').value = data_users[id][0]; 
      document.getElementById('fixe_user').value = data_users[id][1]; 
      document.getElementById('portable_user').value = data_users[id][2];
      document.getElementById('mail_user').value = data_users[id][3]; 
    }
 
</script>

Pensez-vous je m'y prenne logiquement ?

Invité · 15/02/2019, 12h06

Bonjour,

as-tu lu la doc ?
as-tu fait des tests ?

Accessoirement :

as-tu lu ce que j'ai écrit ?

**feelwatt** · 15/02/2019, 12h26

Des tests
oui, j'en ai fait.
Notamment, à la construction du json:
str_replace pour constater que l'apostrophe créer la confusion dans le json:

Code :

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

1
2
3
4
5
6
7
8
9
while ($user=$req_user_liste->fetch()) { ?>
'<?php echo $user["id"]; ?>': 
	[
		'<?php echo str_replace('\'', '&apos;',$user["nom"]); ?>',
		'<?php echo str_replace('\'', '&apos;',$user["fixe"]); ?>',
		'<?php echo str_replace('\'', '&apos;',$user["portable"]); ?>',
		'<?php echo str_replace('\'', '&apos;',$user["mail"]); ?>',
	],
	<?php } ?> };

htmlspecialchars

Code :

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

1
2
3
4
5
6
7
8
9
while ($user=$req_user_liste->fetch()) { ?>
'<?php echo $user["id"]; ?>': 
	[
		'<?php echo htmlspecialchars($user["nom"]); ?>',
		'<?php echo htmlspecialchars($user["fixe"]); ?>',
		'<?php echo htmlspecialchars($user["portable"]); ?>',
		'<?php echo htmlspecialchars($user["mail"]); ?>',
	],
	<?php } ?> };

Après, non je n'ai pas lu toute la doc...
J'avoue et me repenti.

Invité · 15/02/2019, 12h28

C'est sûr, si tu ne lis pas ce qu'on t'écrit, et/ou que tu n'en tiens pas compte....

**feelwatt** · 15/02/2019, 12h51

A pardon, en disant "je n'ai pas lu toute la doc",
je disais la doc de json, en aucun cas ce que vous avez écrit tous.
Pardon pour la confusion.

Je suis conscient que le code ne se copie-colle pas comme ça et que par magie il va fonctionner.
Je suis justement entrain d'intégrer (codalement et aussi mentalement) ce que vous avez écrit,
afin de comprendre comment ca marche.

Soyez-sur, que je respecte vos réponse et le temps que vous y consacrez.

C'est vrai que mes réponses, font le gars qui pose un htmlspecialchars par-ci, un str_replace par là.
Et je suis d'accord, je suis allé un peu vite. Je ne voulais pas non plus être muet sur cette discution que j'ai ouvert.

Je vais me pencher plus sérieusement sur cette construction json
afin de la gérer consciemment.

Excuses.

Invité · 15/02/2019, 13h06

OK.

Pourquoi construis-tu une usine à gaz ?
Tu n'as pas besoin de "construire" "à la main" le json.

json_encode() est là pour faire le job.

Utilise-le !
Teste le résultat obtenu !

**feelwatt** · 15/02/2019, 15h08

Ok !
Alors si j'ai bien compris
Php:

Code php :

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

1
2
// Encodage json
   $encodeData = json_encode($_SESSION['users']);

Puis en js

Code js :

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

1
2
3
4
5
data_users = <?php echo $encodeData;?>;
// console.log(data_users); 
 
// Et là on récupère la case que l'on veut
console.log(data_users[3]['adresse']);

En fait c'est le passage de php à js que je ne captais pas.

- Je croyais que le json_encode se faisait en js

Un truc aussi je ne comprend pas: pourquoi dans

Code js :

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

data_users = <?php echo $encodeData;?>;

<?php echo $encodeData;?> n'est pas entre simples côtes ?

***
Et pour reprendre ma signature,
"Il ne savait comment ça fonctionnait, alors ça ne fonctionnait pas"

Invité · 15/02/2019, 15h17

json_encode() est une fonction PHP. Ne mélange pas les langages...

Voici un exemple simple :

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
16
<?php
	$select_query = "SELECT * FROM ma_table;";
  try {
	$pdo_select = $pdo->prepare($select_query);
	$pdo_select->execute();
  } catch (PDOException $e){ echo 'Erreur SQL : '. $e->getMessage().'<br/>'; die(); }
	// -----------------
	// on applique htmlspecialchars() sur chaque élément de chaque ligne
	$row_all = []; // array
	while( $row = $pdo_select->fetch() )
	{
		$row_all[ $row['id'] ] = array_map( 'htmlspecialchars', $row ); // N.B. : on met l' id (auto-incrémenté, donc UNIQUE) en index de l'array
	}
//	echo '<pre>'; print_r( $row_all ); echo '</pre>'; // TEST
	// -----------------
?>

A la suite :

Code JavaScript :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<div id="affichage"></div>
<script>
	var row_json = <?php echo json_encode( $row_all ); ?>; // on obtient un objet json
	console.log( row_json );
 
	// exemple
	var id = 1;
	console.log( row_json[id] ); // TEST
 
	// affichage
	var div_affichage = document.getElementById('affichage');
	div_affichage.innerHTML =  '<b>' + row_json[id]['nom'] + '</b> (' + row_json[id]['mail'] + ')';
</script>

Remarque : on peut aussi passer de simples variables ou chaines de caractères.

Code :

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

1
2
3
4
5
6
7
<?php $chaine_php = "C'est une \"chaine\" !"; ?>
<script>
	var chaine_js = <?php echo json_encode( htmlspecialchars($chaine_php) ); ?>; // chaine JS
 
 
	console.log( chaine_js ); // TEST
</script>

**feelwatt** · 15/02/2019, 15h46

Salut,
Oui, c'est bien plus clair comme ça.
je confondais les langages.

Pour info, au début de la connexion utilisateur je créer des array php,
pour les réutiliser sans re-faire appel à la BD

Donc dans

Code php :

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

$encodeData = json_encode($_SESSION['users']);

$_SESSION['users'] est déjà créé.
Et c'est avec plaisir que j'ai pu le ré-utiliser pour le json_encode.

Ps:
J'avais créer une discution là dessus. https://www.developpez.net/forums/d1...intempestives/
Et une solution de local_storage parait pas mal pour cela.

Je n'ai pas plus avancé sur ce local_storage,
à par qqls astuces pour garder des choses affichées (onclick > visible) après un rechargement de page.

Ce serait possible de combiner le local_storage et le json ?

**Watilin** · 15/02/2019, 19h49

Envoyé par feelwatt

> et que d'autres caractères risquent de perturber l'exploitation du json par le JS ?
Par exemple les retours à la ligne dans les textareas.

Je viens de tester, les caractères « blancs » (sauts de ligne, tabulations, etc.) sont automatiquement transformés par PHP. Par exemple :

Code PHP :

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

1
2
<?php echo json_encode([ "Cette chaîne contient
un saut de ligne" ]);

Donne le JSON suivant :

Code JS :

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

[ "Cette chaîne contient\nun saut de ligne" ]

Donc pas de soucis à se faire à ce niveau-là.

Un truc aussi je ne comprend pas: pourquoi dans

Code js :

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

data_users = <?php echo $encodeData;?>;

<?php echo $encodeData;?> n'est pas entre simples côtes ?

Pour comprendre ça il faut regarder le code généré (raccourci Ctrl+U sous tout navigateur). Un JSON est soit un objet soit un tableau, donc ton PHP peut générer un des deux cas suivants :

Code JS :

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

1
2
3
unObjetJson = { … }
// ou
unObjetJson = [ … ]

C’est du JS valide.
Si tu mets des guillemets (simples ou doubles, c’est pareil), ça sera aussi valide mais ça n’aura pas la même signification :

Code JS :

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

unObjetPlusTellementJson = " … ";

Ça fait une simple chaîne. Qui se trouve être du JSON sérialisé, que JS peut dé-sérialiser avec la fonction JSON.parse().

Envoyé par feelwatt

Ce serait possible de combiner le local_storage et le json ?

Bien sûr ! Comme le localStorage ne sait stocker que des primitives (nombres, chaînes, booléens), tu ne peux pas lui passer directement du JSON. Mais tu peux sérialiser (= mettre sous forme stockable, en gros) ton JSON avec la fonction JSON.stringify.