Pessoal, estou tendo dificuldades para manipular os dados de um json com jquery.
Olhei o exemplo da documentação do jquery mas nao consegui fazer da forma que está la.
Não estou conseguindo percorrer os dados do json.
segue o código.
@Get("/selecionaCidade={cidade.id}")
public void selecionaCidade(Cidade cidade){
Cidade cidade = cidadeDAO.pesquisaPorId(cidade.getId());
List<Bairro> bairros = bairroDAO.retornaBairrosQueAtendemosPorCidade(cidade);
result.use(json()).from(bairros,"bairros").serialize();
}
json
{"bairros": [
{
"id": 3278,
"nome": "BELVEDERE"
},
{
"id": 3361,
"nome": "FLORESTA"
},
{
"id": 3522,
"nome": "SANTO AGOSTINHO"
}
]}
função jquery
<script type="text/javascript">
function carregaBairros(cidade){
var url = "${pageContext.request.contextPath}/bairro/selecionaCidade="+cidade;
$.getJSON(url,function (json) {
$.each(json.bairros, function(i,item){
alert(item.nome);
}
}
);
}
</script>
Se eu retornar o objeto ao invés de uma lista, consigo acessar normalmente da seguinte forma : json.bairros.nome
o problema é ao percorrer a lista que devo estar pecando em algo.
desde já agradeço a atenção.