1

Pessoal estou com a seguinte chamada ajax:

$(".sec-tags").html(res.data.tags);

Ela está retornando a chamada do servidor, entretanto a chamada está vindo da seguinte forma:

tags: "coelho,teste,gato"

Tudo está vindo dentro de uma única string separado por vírgulas. Como faço para separar essas palavras e colocar cada uma dentro de uma tag html:

<span class="tags">minha tag aqui</span>

O meu HTML é:

<div class="col-md-6">
    <div class="sec-tags">
        <span class="tags"></span>
    </div>
</div>
0

2 Respostas 2

2

Para separares essa string em pedaços podes fazer assim:

var tags = res.data.tags.split(',');

Porem o teu comentário faz-me crer que ele é uma array, mas que aparece como string quando convertes em HTML com $(".tags").html(res.data.tags);.

Vou assumir que é uma array, ou seja

var tags = res.data.tags; 

Assim para montar esse HTML podes fazer assim:

var tags = res.data.tags; // ou no caso de ser string, usa como coloquei em cima: var tags = res.data.tags.split(',');
var spans = tags.map(function(tag){
    return '<span class="tags">' + tag + '</span>';
}).join('');
$(".sec-tags").html(spans);
0
0

Sua chamada não está vindo com JSON, e sim um texto norma.

use a seguinte linha:

$aux = variavel_que_recebeu_o_texto.split(",");

Terá um array e poderá tratar o teu resultado.

3
  • Sim, isso é apenas uma parte do resultado de um objeto. Eu fiz: var string = $(".tags").html(res.data.tags); var resTags = string.split(","); document.getElementByClassName("tags").innerHTML = resTags; mas não tive resultado. Commented 15/07/2016 às 20:42
  • @HitchLeonardo vc precisa de um for ou o each() para iterar os elementos, o split() retornar um array, pode usar o append() para criar um <span> para cada elemento.
    – rray
    Commented 15/07/2016 às 20:46
  • @william eu pensei nisso, mas no meu console tem um alerta: " string.split is not a function " Commented 15/07/2016 às 20:47

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 .