Affichage de JSON en html avec javascript

Question

Je suis nouveau avec JSON. J'utilise une API qui utilise JSON pour la réponse. J'appelle l'URL d'api par la méthode simple de xhr. Le code fonctionne et je reçois 200, mais le statut

comment puis-je en mesure de récupérer le JSON dans le html?

j'ai pu montrer l'JSON en imprimant xhr.responseText en innerHTML. Mais j'ai besoin de montrer les données pour pouvoir les utiliser en html.

Pouvez-vous suggérer comment je peux présenter les données en HTML quand j'ai les données JSON dans xhr.responseText.

S'il vous plaît laissez-moi savoir si vous avez besoin de plus d'informations.

Quelqu'un peut-il me guider comment le faire via jquery aussi?

Answer 1

Si vous ajoutez JSON2.js (de https://github.com/douglascrockford/JSON-js/blob/master/json2.js) à votre page, vous pouvez analyser le JSON dans un objet JavaScript en utilisant:

var parsedData = JSON.parse(xhr.responseText); 

Si vous faites confiance complètement votre source de JSON, vous pouvez également faire très rapidement et sans utiliser JSON2.js simplement evaling ainsi:

var parsedData = eval('(' + xhr.responseText + ')'); 

mais cela fonctionnera tout code embarqué dans la réponse et sécurisé donc n'est pas et ne serait généralement pas recommandé.

Answer 2

est ici un autre poste qui fonctionne et moins de code en raison de jquery. La première réponse fonctionne parfaitement. Je pensais que cela pourrait aider les gens qui ont le même problème.

Trying to use jQuery to display JSON text data