0

To usando o blogger, e preciso "gerar" as categorias de cada postagem.

function posts(json) {
 for (var i = 0; i < 11; i++) {
    var post = json.feed.entry[i];
    var postLabels = [];
  }
  for (var b = 0; b < post.category.length; b++) {
     postLabels.push(post.category[b].term);
   }
    document.write('<span>'+postLabels.join(', ')+'</span>');
  }
}

Funciona, porém mostra apenas a primeira categoria de cada postagem. Preciso que exiba todas, como faço?

  "published": {
            "$t": "2014-09-06T22:43:00.001-07:00"
        }
        ,
        "updated": {
            "$t": "2018-04-15T13:24:56.217-07:00"
        }
        ,
        "category":[ {
            "scheme": "http://www.blogger.com/atom/ns#", "term": "Car"
        }
        ,
        {
            "scheme": "http://www.blogger.com/atom/ns#", "term": "Gallery"
        }
        ,
        {
            "scheme": "http://www.blogger.com/atom/ns#", "term": "People"
        }
        ,
        {
            "scheme": "http://www.blogger.com/atom/ns#", "term": "Technology"
        }
        ,
        {
            "scheme": "http://www.blogger.com/atom/ns#", "term": "Teste"
        }
        ],
        "title": {
            "type": "text", "$t": "Photodune Vintage Car"
 }
3
  • 1
    Você já tentou console.log(json); para verificar se todas as informações estão chegando? Commented 16/04/2018 às 20:46
  • Sim. Falta algo no código, acredito não ser difícil, eu que sou iniciante mesmo.
    – Ericki
    Commented 16/04/2018 às 20:50
  • 1
    Edite a pergunta e coloque o retorno do console.log para facilitar na resposta. Commented 16/04/2018 às 20:51

1 Resposta 1

0

Só esta a exibir apenas uma categoria, porque dentro do primeiro laço for você declara a variável postLabels sendo um array, logo em seguida no segundo laço for, você define novamente ela e define seu valor como uma string, sendo que o correto é adicionar o valor em postLabels.

Você deve alterar a linha:

var postLabels = post.category[b].term;

para:

postLabels.push(post.category[b].term);

E altere também:

document.write('<span>'+postLabels+'</span>');

para:

document.write('<span>'+postLabels.join(', ')+'</span>');

Exemplo funcionando:

let json = {
  "feed": {
    "entry": [
      {
        "published": { "$t": "2014-09-06T22:43:00.001-07:00" },
        "category": [
          { "scheme": "http://www.blogger.com/atom/ns#", "term": "Car" },
          { "scheme": "http://www.blogger.com/atom/ns#", "term": "Gallery" },
          { "scheme": "http://www.blogger.com/atom/ns#", "term": "People" },
          { "scheme": "http://www.blogger.com/atom/ns#", "term": "Technology" },
          { "scheme": "http://www.blogger.com/atom/ns#", "term": "Teste" }
        ],
        "title": {"type": "text", "$t": "Teste A" }
      },
      {
        "published": { "$t": "2014-09-06T22:43:00.001-07:00" },
        "category": [
          { "scheme": "http://www.blogger.com/atom/ns#", "term": "Car" },
          { "scheme": "http://www.blogger.com/atom/ns#", "term": "Teste" }
        ],
        "title": {"type": "text", "$t": "Teste B" }
      },
      {
        "published": { "$t": "2014-09-06T22:43:00.001-07:00" },
        "category": [
          { "scheme": "http://www.blogger.com/atom/ns#", "term": "Teste A" },
          { "scheme": "http://www.blogger.com/atom/ns#", "term": "Teste B" },
          { "scheme": "http://www.blogger.com/atom/ns#", "term": "Teste C" }
        ],
        "title": {"type": "text", "$t": "Teste C" }
      }
    ]
  }
};
function posts(json) {
  for (var i = 0; i < json.feed.entry.length; i++) {
    var post = json.feed.entry[i];
    var postTitle = post.title.$t;
    var postLabels = [];

    for (var b = 0; b < post.category.length; b++) {
      postLabels.push(post.category[b].term);
    }

    document.write('<article class="item">'); 
    document.write('<h2>'+postTitle+'</h2>');
    document.write('<span>'+postLabels.join(', ')+'</span>');
    document.write('</article>');
  }
}
posts(json)

O problema de estar repetindo as tags.

Note o seu código as linhas que comentei:

for (var k = 0; k < post.link.length; k++) {
  if (post.link[k].rel == 'alternate') {var postUrl = post.link[k].href;}
  if (post.link[k].rel == 'enclosure') {
    // post miniatura ↓
    if(post.link[k].type == 'poster imagem'){var postImage = post.link[k].href;}
    if(post.link[k].type == 'miniatura video'){var postImage = post.link[k].href;}
    if(post.link[k].href == 'http://subtitulo.com'){
      var enclosureLinkSubtitulo = post.link[k].type;
    }
    if(post.link[k].type == 'tempo real'){
      var enclosureLinkSubtitulo = "<span class='postSubTitulo' style='color:#FFF;font-weight:600;background:#cd0000;padding: 4px 5px 3px;margin-bottom:10px;display:inline-block'>TEMPO REAL</span>"
      }     
    // types icons ↓
    if(post.link[k].type == 'icone video'){var enclosureIcon = "<i class='fa fa-play'></i>";}
  }
  for (var u = 0; u < post.author.length; u++) {
    var postAuthor = post.author[u].name.$t;
  }

  // O PROBLEMA ESTA AQUI, ESTE FOR TEM QUE ESTAR FORA
  // DO FOR ATUAL.
  for (var b = 0; b < post.category.length; b++) {
      postLabels.push(post.category[b].term);
  }
}
8
  • Funcionou meio termo. Ele até exibiu todas as tags, no entanto ele fica repetindo elas. Por exemplo: Tag1, Tag2, Tag1, Tag2, Tag1, Tag2, Tag1, Tag2...
    – Ericki
    Commented 17/04/2018 às 19:14
  • 1
    Seria interessante se você editar sua pergunta e colocar um trecho do JSON.
    – NoobSaibot
    Commented 17/04/2018 às 19:27
  • Coloquei o código completo.
    – Ericki
    Commented 17/04/2018 às 19:32
  • 1
    Veja o exemplo que coloquei na resposta! Ele esta funcionando normalmente. O motivo de estar repetindo nesse código que você colocou, é porque ele esta dentro de outro for (var k = 0; k < post.link.length; k++)
    – NoobSaibot
    Commented 17/04/2018 às 20:12
  • 1
    Blz, fico feliz em poder ajudar.
    – NoobSaibot
    Commented 17/04/2018 às 20:25

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .