Para criar um Array com JSON utilize da seguinte maneira:
{
"representantes":
[
{
"nome": "haroluz comercial eletrica ltda",
"endereco": "Alameda São Caetano, 2333 - Santa Paula São Caetano do Sul - SP",
"cep": "09560-500",
"telefone": "(11) 4234-1000",
"site": "www.haroluz.com.br",
"email": "[email protected]"
},
{
"nome": "haroluz comercial eletrica ltda",
"endereco": "Alameda São Caetano, 2333 - Santa Paula São Caetano do Sul - SP",
"cep": "09560-500",
"telefone": "(11) 4234-1000",
"site": "www.haroluz.com.br",
"email": "[email protected]"
},
{
"nome": "haroluz comercial eletrica ltda",
"endereco": "Alameda São Caetano, 2333 - Santa Paula São Caetano do Sul - SP",
"cep": "09560-500",
"telefone": "(11) 4234-1000",
"site": "www.haroluz.com.br",
"email": "[email protected]"
}
]
}
Assim você teria 3 objetos no array representantes.
Para imprimir na div faria o seguinte:
Armazene o objeto JSON em uma variável desta maneira:
var JSONObject = {
"representantes":
[
{
"nome": "haroluz comercial eletrica ltda",
"endereco": "Alameda São Caetano, 2333 - Santa Paula São Caetano do Sul - SP",
"cep": "09560-500",
"telefone": "(11) 4234-1000",
"site": "www.haroluz.com.br",
"email": "[email protected]"
},
{
"nome": "haroluz comercial eletrica ltda",
"endereco": "Alameda São Caetano, 2333 - Santa Paula São Caetano do Sul - SP",
"cep": "09560-500",
"telefone": "(11) 4234-1000",
"site": "www.haroluz.com.br",
"email": "[email protected]"
},
{
"nome": "haroluz comercial eletrica ltda",
"endereco": "Alameda São Caetano, 2333 - Santa Paula São Caetano do Sul - SP",
"cep": "09560-500",
"telefone": "(11) 4234-1000",
"site": "www.haroluz.com.br",
"email": "[email protected]"
}
]
}
E depois coloque o conteúdo que quiser em sua div, acessando o objeto:
$('#suaDiv').insertAfter(JSONObject.representantes[0].nome); //para imprimir o nome por exemplo