Parse JSON URL pour utiliser en html

-1

j'ai un fichier JSON dans une URL qui apparaît comme celui-ciParse JSON URL pour utiliser en html

[{"tier":"SILVER","leagueName":"Tryndamere's Wizards","queueType":"RANKED_SOLO_5x5","playerOrTeamId":"91248124", "playerOrTeamName":"NunoC99","leaguePoints":18,"wins":411,"losses":430,"rank":"II","veteran":true,"inactive":false,"freshBlood":false,"hotStreak":false}, 
{"tier":"BRONZE","leagueName":"Kennen's Adventurers","queueType":"RANKED_FLEX_SR","playerOrTeamId":"91248124", "playerOrTeamName":"NunoC99","leaguePoints":2,"wins":28,"losses":41,"rank":"III","veteran":false,"inactive":false,"freshBlood":false,"hotStreak":false}]7

Je veux l'analyser, soit par javascript et l'utiliser pour afficher le niveau, le rang et leaguepoints en html. Je suis nouveau à ce sujet, et je ne peux pas comprendre comment analyser le json en variables utilisables à afficher dans le fichier html. S'il vous plaît aider si vous le pouvez.

Source

2017-09-21 Nuno Costa

* 'j'ai un fichier JSON ... Je veux analyser * il s' - utiliser' JSON.parse' –

Reportez-vous à la question How to get JSON from URL in Javascript pour accéder aux données de l'URL. Ensuite, vous pouvez parcourir les données avec une boucle:

var data = [{"tier":"SILVER","leagueName":"Tryndamere's Wizards","queueType":"RANKED_SOLO_5x5","playerOrTeamId":"91248124", "playerOrTeamName":"NunoC99","leaguePoints":18,"wins":411,"losses":430,"rank":"II","veteran":true,"inactive":false,"freshBlood":false,"hotStreak":false}, {"tier":"BRONZE","leagueName":"Kennen's Adventurers","queueType":"RANKED_FLEX_SR","playerOrTeamId":"91248124", "playerOrTeamName":"NunoC99","leaguePoints":2,"wins":28,"losses":41,"rank":"III","veteran":false,"inactive":false,"freshBlood":false,"hotStreak":false}] 

for (var i = 0; i < data.length; i++) { 
    // Within the loop you can access each field of each object 
    // as shown below 
    // data[i].tier 
    // data[i].leagueName 
    // data[i].queueType 
    // data[i].playerOrTeamId 
    // data[i].leaguePoints 
    // data[i].wins 
    // data[i].losses 
    // data[i].rank 
    // data[i].veteran 
    // data[i].freshBlood 
    // data[i].hotStreak 
    // data[i].inactive 
}

Vous pouvez utiliser des méthodes comme document.createElement("TAG_NAME") et document.appendChild(childElement) pour insérer les données dans un document HTML.

Source

2017-09-21 01:53:43

Salut, j'ai essayé de fais ce que tu as dit en utilisant document.createElement et j'ai trouvé ce https://jsfiddle.net/deL0hv2d/. J'ai implémenté dans un script dans le fichier html, mais ça ne marche pas. Pouvez-vous jeter un coup d'oeil et voir s'il y a un problème avec le code? –

Voyez si cela vous aidera: https://jsfiddle.net/6om52f9y/ Deux problèmes avec votre code, c'est qu'il semblait que vous essayiez de passer deux fonctions de succès dans $ .getJSON, quand il ne prend qu'un et dans le premier Vous n'utilisez jamais les données de la boucle au-delà de l'assigner à une variable qui est surchargée à chaque itération. Si cela vous a aidé, veuillez considérer mon message comme étant la réponse. –

Vous pouvez utiliser jquery pour obtenir le JSON url

$.getJSON('http://myurl', function(data) { 
    for(var i = 0, len = data.length; i < len; i++) { 
     var obj = data[i]; 
     //obj will be your item with obj.tier, obj.leagueName etc. 
    } 
});

Source

2017-09-21 02:46:12

Parse JSON URL pour utiliser en html

Répondre

Questions connexes