php, javascript et json

Le
Une Bévue
je souhaite transmettre à une page html une valeur en JSON obtenue par php.

le script php :
<?php
header('Content-Type: application/javascript');
function getVideoSize($file) {
$size = shell_exec("/usr/local/bin/exiftool -ImageSize $file");
$sizes = split(', ', preg_replace('/Image Size : (d+)x(d+)s+/',
'$1, $2', $size), 2);
return ['src' => str_replace('/Users/yt/Sites', '', $file), 'width'
=> intval($sizes[0]), 'height' => intval($sizes[1])];
}
$dir = '/Users/yt/Sites/Videos/videos/';
$allowed_ext = array(".mp4", ".ogv", ".webm");
$files = [];
if ($handle = opendir($dir)) {
while (false !== ($file = readdir($handle)))
{
$file_lc = strtolower($file);
$ext = strrchr($file_lc, '.');
if (in_array($ext,$allowed_ext)) {
$files[] = getVideoSize($dir . $file);
}
}
closedir($handle);
}
echo "var files = " . json_encode($files, JSON_PRETTY_PRINT) . ";";
?>


si je regarde au navigateur directement la sortie de mon script php,
j'obtiens :

var files = [
{
"src": "/Videos/videos/2015_03_20__18_58_47__MVI_2218.MP4",
"width": 640,
"height": 480
},
{
"src": "/Videos/videos/2015_03_20__18_58_47__MVI_2218.webm",
"width": 640,
"height": 480
}
];

ce script est appellé, côté html, par :
<script src='/Videos/php/browse.php'></script>


maintenant, si je regarde le résultat obtenu, càd la variable "files"
par le javascript :

console.log("files = " + files);
donne :
files = [object Object],[object Object]

console.log("typeof files = " + typeof files);
donne :
typeof files = object

console.dir(files);
donne :
Array[2]
0: Object
height: 480
src: "/Videos/videos/2015_03_20__18_58_47__MVI_2218.MP4"
width: 640
1: Object
height: 480
src: "/Videos/videos/2015_03_20__18_58_47__MVI_2218.webm"
width: 640


càd que j'obtiens directement une array d'objets en javascript, sans
passer par JSON.parse, ce que je ne comprends pas.

d'ai lleurs, si j'essaie de parser le json par :
var truc = JSON.parse(files);
, j'obtiens une erreur :

VM5602:1 Uncaught SyntaxError: Unexpected token o


donc, en résumé, je ne comprends pas pourquoi avec
json_encode côté php, j'obtiens une liste d'objets côté javascript et
non une string à parser
Questions / Réponses high-tech
Vidéos High-Tech et Jeu Vidéo
Téléchargements
Vos réponses
Gagnez chaque mois un abonnement Premium avec GNT : Inscrivez-vous !
Trier par : date / pertinence
Antoine Polatouche
Le #26394083
Le 29/03/2016 16:17, Une Bévue a écrit :
je souhaite transmettre à une page html une valeur en JSON obtenue par
php.

le script php :
<?php
header('Content-Type: application/javascript');
function getVideoSize($file) {
$size = shell_exec("/usr/local/bin/exiftool -ImageSize $file");
$sizes = split(', ', preg_replace('/Image Size :
(d+)x(d+)s+/', '$1, $2', $size), 2);
return ['src' => str_replace('/Users/yt/Sites', '', $file),
'width' => intval($sizes[0]), 'height' => intval($sizes[1])];
}
$dir = '/Users/yt/Sites/Videos/videos/';
$allowed_ext = array(".mp4", ".ogv", ".webm");
$files = [];
if ($handle = opendir($dir)) {
while (false !== ($file = readdir($handle)))
{
$file_lc = strtolower($file);
$ext = strrchr($file_lc, '.');
if (in_array($ext,$allowed_ext)) {
$files[] = getVideoSize($dir . $file);
}
}
closedir($handle);
}
echo "var files = " . json_encode($files, JSON_PRETTY_PRINT) . ";n";
?>


si je regarde au navigateur directement la sortie de mon script php,
j'obtiens :

var files = [
{
"src": "/Videos/videos/2015_03_20__18_58_47__MVI_2218.MP4",
"width": 640,
"height": 480
},
{
"src": "/Videos/videos/2015_03_20__18_58_47__MVI_2218.webm",
"width": 640,
"height": 480
}
];

ce script est appellé, côté html, par :


maintenant, si je regarde le résultat obtenu, càd la variable "files"
par le javascript :

console.log("files = " + files);
donne :
files = [object Object],[object Object]

console.log("typeof files = " + typeof files);
donne :
typeof files = object

console.dir(files);
donne :
Array[2]
0: Object
height: 480
src: "/Videos/videos/2015_03_20__18_58_47__MVI_2218.MP4"
width: 640
1: Object
height: 480
src: "/Videos/videos/2015_03_20__18_58_47__MVI_2218.webm"
width: 640


càd que j'obtiens directement une array d'objets en javascript, sans
passer par JSON.parse, ce que je ne comprends pas.

d'ai lleurs, si j'essaie de parser le json par :
var truc = JSON.parse(files);
, j'obtiens une erreur :

VM5602:1 Uncaught SyntaxError: Unexpected token o


donc, en résumé, je ne comprends pas pourquoi avec
json_encode côté php, j'obtiens une liste d'objets côté javascript et
non une string à parser...


Bonjour,

avec json_encode côté php tu crées une chaîne contenant du texte au
format json.
Quand du coté php tu concatènes "var files = " avec cette chaîne, tu
obtiens une chaîne contenant du texte javascript.

Quand du coté html tu écris tu insères ce code javascript dans le html.

Quand tu utilises la variable files ainsi déclarée, tu as un objet
javascript, et c'est normal : la chaine retournée par le php devient du
code javascript dans le html et tu te retrouves avec un truc du genre:
var obj = [{},{}];
et pas
var str = "[{},{}]" ;

C'est ce que tu retournes de ton php.

JSON.parse() prend une chaîne comme argument, pas un objet.
Si tu veux parser ton json tu peux retourner une variable chaîne en faisant:
echo "var files = ' " . json_encode($files, JSON_PRETTY_PRINT) . "
';n"; // j'ai laissé des espace pour voir les quotes
alors files sera une chaîne que tu pourras parser, mais je ne vois pas
le problème à généré l'objet files directement...

J'espère m'être fait comprendre, la distinction entre code et texte
n'est pas toujours évidente ;)
Une Bévue
Le #26394899
Le 31/03/2016 03:38, Antoine Polatouche a écrit :
J'espère m'être fait comprendre, la distinction entre code et texte
n'est pas toujours évidente;)


ben oui, d'autant que pour moi, le :
echo "var files = " . json_encode($files, JSON_PRETTY_PRINT) . ";n";

fait équivaloir, côté js, la variable "files" au json_encode($files,
JSON_PRETTY_PRINT), càd du texte...

euh, ça veut quand même dire que, côté php, json_encode(...) ne retourne
pas une chaine ???

ça n'est toujours pas vraiment clair pour moi.

même si j'ai trouvé une solution (utiliser la variable "files" telle
qu'elle est).

merci beaucoup pour votre patience.
Olivier Miakinen
Le #26394927
Le 08/04/2016 07:05, Une Bévue a écrit :
Le 31/03/2016 03:38, Antoine Polatouche a écrit :
J'espère m'être fait comprendre, la distinction entre code et texte
n'est pas toujours évidente;)


ben oui, d'autant que pour moi, le :
echo "var files = " . json_encode($files, JSON_PRETTY_PRINT) . ";n";

fait équivaloir, côté js, la variable "files" au json_encode($files,
JSON_PRETTY_PRINT),



Oui.

càd du texte...



Tu veux dire une chaîne de caractères ? C'en est une pour PHP, ce
qui lui permet de la concaténer avec la chaîne "var files = " et de
l'afficher avec echo. Une fois affichée avec echo, ce ne sera pas
une chaîne pour JavaScript.

euh, ça veut quand même dire que, côté php, json_encode(...) ne retourne
pas une chaine ???



Mais si, c'est une chaîne pour PHP.

ça n'est toujours pas vraiment clair pour moi.



Essayons avec d'autres exemples.

=============================================== Exemple 1.

côté PHP :
echo "var nombre = " . "42" . "n";
("42" est bien une chaîne pour PHP)

côté JavaScript :
var nombre = 42
(42 n'est pas une chaîne pour JavaScript)

=============================================== Exemple 2.

côté PHP :
echo "var str = " . """ . "42" . """ . "n";
("42" est toujours une chaîne pour PHP)

côté JavaScript :
var str = "42"
(il a fallu rajouter des « " » pour obtenir "42")

===============================================
Cordialement,
--
Olivier Miakinen

« Au fond, diviser par zéro revient à unifier la Mécanique Quantique
et la Relativité Générale. » -- M.A. le 7/3/2016 dans fr.sci.maths
Une Bévue
Le #26394944
Le 08/04/2016 12:43, Olivier Miakinen a écrit :
Mais si, c'est une chaîne pour PHP.

>ça n'est toujours pas vraiment clair pour moi.


Essayons avec d'autres exemples.



OK, pigé, le truc, merci pour ces deux exemples !
Publicité
Poster une réponse
Anonyme