2

Quiero tomar la información de este json (https://wotclans.com.br/api) y mostrarlos en un HTML y que me muestre solo los datos del equipo que tiene como clantag TRCIO, hasta ahora he conseguido que me muestre los datos, pero me muestra los de todos los equipos. ¿Cómo podría hacer para que me muestre solo los de ese en concreto?

$(document).ready(function () {
    cargarDatos();
});
function cargarDatos() {
    var listaWot = "";
    $.ajax({
        url: 'https://wotclans.com.br/api',
        dataType: 'json',
        type: 'GET'

    }).done(function (response) {
        listaWot = "";
        listaWot += "<div class='card-panel'>";
        listaWot += "<table>";
        listaWot += "<tr>";
        listaWot += "<td class='tabName'>";
        listaWot += "Posición";
        listaWot += "</td>";
        listaWot += "<td class='tabName'>";
        listaWot += "Nombre";
        listaWot += "</td>";
        listaWot += "<td class='tabName'>";
        listaWot += "Puntuación";
        listaWot += "</td>";
        listaWot += "<td class='tabName'>";
        listaWot += "Ratio De Victorias";
        listaWot += "</td>";
        listaWot += "<td class='tabName1'>";
        listaWot += "Miembros Activos";
        listaWot += "</td>";
        listaWot += "</tr>";
        $.each(response.Clans, function (i, info) {
            listaWot += "<tr>";
            listaWot += "<td class='textCenter'>";
            listaWot += info.Item1;
            listaWot += "</td>";
            listaWot += "<td>";
            listaWot += info.Item2.Name;
            listaWot += "</td>";
            listaWot += "<td>";
            listaWot += info.Item2.TotalBattles;
            listaWot += "</td>";
            listaWot += "<td>";
            listaWot += info.Item2.TotalWinRate;
            listaWot += "</td>";
            listaWot += "<td class='textCenter'>";
            listaWot += info.Item2.Active;
            listaWot += "</td>";
            listaWot += "</tr>";
        });
        listaWot += "</table>";
        $("#wot").html(listaWot);
    });
}
4
  • Hola Danny, por favor muéstranos el código que estás empleando para mostrar los datos y que es lo que quieres mostrar.
    – Shaz
    el 5 oct. 2016 a las 13:39
  • Acabo de editar el post, ese es el codigo que empleo, es un archivo js aparte y lo importo al html
    – Danny Fox
    el 5 oct. 2016 a las 13:43
  • Quizas esta esto te pueda ayudar, stackoverflow.com/questions/21680768/…. me lo he encontrado ya que estoy trabajando con graficacion de archivos Xls en graficos Chart.js
    – JBS
    el 5 oct. 2016 a las 13:58
  • 2
    Posible duplicado de Como podría recorrer un array de un archivo json?
    – Shaz
    el 5 oct. 2016 a las 13:59

1 respuesta 1

3

En esta parte del codigo estás atravesando todos los clanes mostrando la información:

    $.each(response.Clans, function (i, info) {
        listaWot += "<tr>";
        listaWot += "<td class='textCenter'>";
        listaWot += info.Item1;
        listaWot += "</td>";
        listaWot += "<td>";
        listaWot += info.Item2.Name;
        listaWot += "</td>";
        listaWot += "<td>";
        listaWot += info.Item2.TotalBattles;
        listaWot += "</td>";
        listaWot += "<td>";
        listaWot += info.Item2.TotalWinRate;
        listaWot += "</td>";
        listaWot += "<td class='textCenter'>";
        listaWot += info.Item2.Active;
        listaWot += "</td>";
        listaWot += "</tr>";
    });

Como no hay ningún tipo de restricción, se mostrará toda esa información de todos los clanes. Si lo que quieres es que sólo se muestre la información de los clanes TRCIO (el nombre se encuentra en ClanTag), lo único que tienes que hacer es añadir una comprobación para asegurarte que ese es el clan:

    $.each(response.Clans, function (i, info) {
        if (info.Item2.ClanTag == "TRCIO") {
            listaWot += "<tr>";
            listaWot += "<td class='textCenter'>";
            listaWot += info.Item1;
            listaWot += "</td>";
            listaWot += "<td>";
            listaWot += info.Item2.Name;
            listaWot += "</td>";
            listaWot += "<td>";
            listaWot += info.Item2.TotalBattles;
            listaWot += "</td>";
            listaWot += "<td>";
            listaWot += info.Item2.TotalWinRate;
            listaWot += "</td>";
            listaWot += "<td class='textCenter'>";
            listaWot += info.Item2.Active;
            listaWot += "</td>";
            listaWot += "</tr>";
        }
    });

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.