Passar conteudo JSON para HTML

[pduarte]

Boa noite,  tenho o seguinte JSON 

{
    "id": 1,
    "nome": "Paulo Duarte",
    "email": "psmduarte@live.com",
    "nif": "219032882",
    "tipo": "PESSOASINGULAR",
    "moradas": [
        {
            "id": 1,
            "rua": "Rua das Flores",
            "numero": "300",
            "complemento": "2º/Esq.",
            "bairro": "Jardim",
            "codigopostal": "7358-123",
            "cidade": {
                "id": 1,
                "nome": "Anta e Guetim",
                "distrito": {
                    "id": 1,
                    "nome": "Aveiro"
                }
            }
        },
        {
            "id": 2,
            "rua": "Avenida Matos",
            "numero": "105",
            "complemento": "sala 21",
            "bairro": "Centro",
            "codigopostal": "6058-132",
            "cidade": {
                "id": 2,
                "nome": "Esgueira",
                "distrito": {
                    "id": 1,
                    "nome": "Aveiro"
                }
            }
        }
    ],
    "telefones": [
        "222222222",
        "111111111"
    ],
    "perfis": [
        "USUARIO",
        "ADMIN"
    ]
}

 

e utilizo ajax para passar o conteudo para HTML:

 

function carregarItens(){
        //variáveis
        var url = "usuarios/" + sessionStorage.id;


        $.ajax({
            headers: {
                'Authorization': document.cookie,
                'Content-Type': 'application/json'
            },
            type: "GET",
            url: url,
            timeout: 3000,
            contentType: "application/json; charset=utf-8",
            cache: false,

            error: function() {
                $("h2").html("O servidor não conseguiu processar o pedido");
            },
            success: function(retorno) {
                // Interpretando retorno JSON...
                var usuario = JSON.parse(JSON.stringify(retorno));

                // Listando os campos

                    var item = "<li type=none ><p><b>Nome.:</b> "+usuario.nome+"</p><p><b>Email:</b> "+usuario.email+"</p><p><b>Nif:</b> "+usuario.nif+"</p><p><b>Tipo:</b> "+usuario.tipo+"</p><p><b>Morada.:</b> "+usuario.rua+" "+usuario.numero+" "+usuario.codigopostal+" "+usuario.cidade"</p><p><b>Telefone.:</b> "+usuario.telefone+"</p></li>" ;
                   
              $("#listaDados").append(item);

            }
        });
    },

}

Mas a unica coisa que lista é:

Nome.: Paulo Duarte

Email: psmduarte@live.com

Nif: 219032882

Tipo: PESSOASINGULAR

 

Não lista moradas  nem telefones como faço para conseguir listar estes "subparametros" (não sei se é este o termo) visto que tenho duas moradas e dois telefones?

 

Muito Obrigado

[Cerzedelo]

Já experimentou utilizar:

usuario.moradas[0].rua

[pduarte]

Obrigado Cerzedelo, era mesmo o indice que me faltava colocar, assim ja está tudo certo 😁🎌