Discussion :

[cyril_78]

Bonjour tout le monde

J'ai créé ma petite api rest en php et quand j'affiche les données sur un navigateur ça donne un truc dégueulasse comme ça

car si je compare l'affichage de l'api rest de wordpress


il y a une grosse différence
et ce n'est pas seulement esthétique: ça joue un rôle car quand je récupère les données en ajax avec jQuery, ça fonctionne pour l'api rest de wordpress et pas pour la mienne
par contre ça fonctionne avec $ressource de AngularJS aussi bien pour mon api rest que celle de wordpress

pour mon api rest je récupère les données dans un tableau $data et je fais echo json_encode($data);

et encore un paramètre: l'affichage des données json de firefox fonctionne pour l'api rest de wordpress et non pour la mienne

donc quelqu'un connaît des pistes pour avoir une api rest qui fonctionnerait de manière universelle ?

et je précise que je travaille en local pour le moment

Merci

A+

[kalimukti]

Bonjour,
Ton problème / ta question c'est quoi exactement ?

Sinon, le problème que tu soulèves, c'est les chaînes de caractère multilignes en javascript (je suppose que c'est ce que tu trouves de 'dégeulasse' dans ta json string aussi).
Une chaine multiligne, javascript ne peut pas la traiter. Dans AngularJS, il doit y avoir un traitement particulier là-dessus, genre String.raw mais pas dans jquery.

Ce que je fais pour éviter ce problème, c'est de rationnaliser la chaîne en amont, par php (pour avoir un résultat du type wordpress que tu signales).

Pour ça, il faut échapper les sauts de ligne (\n et \r) mais aussi, tant que tu y es, les tabulations (\t) (de la même façon, des fois, qu'on échappe un " par un \" pour éviter que le " pose problème).
Il te faut un truc du style :

Code PHP :

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

1
2
3
4
$json = json_encode($tableau);
$search  = array('\n', '\r', '\r\n', '\t');
$replace = array('\\n', '\\r', '\\r\\n', '\\t');
$json = str_replace($search, $replace, $json);

Cela devrait régler ton soucis avec JQuery.

[cyril_78]

Hello

merci beaucoup pour la réponse
Tu avais bien compris ma demande

J'ai essayé en échappant les espaces et tout ça mais ça ne fonctionne toujours pas

en réalité, j'aimerais récupéré des posts avec jquery et les afficher avec VueJS. Avec l'api rest de wordpress ça fonctionne très bien et là avec ma propre api, ça n'affiche rien et pourtant ça affiche les posts dans la console


C'est sûrement un problème d'affichage avec VueJS mais pourquoi exactement le même script fonctionne avec l'api de wordpress ?

[Willy_k]

La différence d'affichage est sûrement due au fait que tu ne renvoies pas la bonne en-tête qui doit être

Code :

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

header('Content-type: application/json');

. Ajoute ça en haut de ton script de l'API...
Maintenant côté AJAX est-ce que tu utilises le dataType:'json' ou la méthode $.getJSON() ?

[cyril_78]

Merci beaucoup Willy_k tu as fait ma journée
trop la classe
C'était bien ça il manquait l'entête pour signaler au navigateur que c'est du json et mon script avec vueJS fonctionne maintenant super bien