Skip to main content
faltou o + para concatenar
Fonte Link
Paulo Roberto Rosa
  • 9,2mil
  • 10
  • 43
  • 75
function preencheDados(aryRepresentantes){
    var aryUF = ["SP","SC","RJ"];
    for (var i=0; i < aryUF.length; i++){
      $('#div'aryUF[i]'#div'+aryUF[i]).html(aryRepresentantes[i]);
    }
}
function preencheDados(aryRepresentantes){
    var aryUF = ["SP","SC","RJ"];
    for (var i=0; i < aryUF.length; i++){
      $('#div'aryUF[i]).html(aryRepresentantes[i]);
    }
}
function preencheDados(aryRepresentantes){
    var aryUF = ["SP","SC","RJ"];
    for (var i=0; i < aryUF.length; i++){
      $('#div'+aryUF[i]).html(aryRepresentantes[i]);
    }
}
adicionado solução por estado como solicitado pelo OP por comentário
Fonte Link
Paulo Roberto Rosa
  • 9,2mil
  • 10
  • 43
  • 75

Para criar um Array em organizado por estados utilize seu objeto da seguinte maneira:

{
    "representantes""estado":
    [
        {
             "nome":     "Foo LTDA",
             "endereco": "Alameda"Endereço dosde Anjos"SP",
             "cep":      "12345-000",
             "telefone": "(11) 1234-1234",
             "site":     "www.foo.com.br",
             "email":    "[email protected]"
        },
        {
             "nome":     "Foo LTDA",
             "endereco": "Alameda"Endereço dosde Anjos"SC",
             "cep":      "12345-000",
             "telefone": "(11) 1234-1234",
             "site":     "www.foo.com.br",
             "email":    "[email protected]"
        },
        {
             "nome":     "Foo LTDA",
             "endereco": "Alameda"Endereço dosde Anjos"RJ",
             "cep":      "12345-000",
             "telefone": "(11) 1234-1234",
             "site":     "www.foo.com.br",
             "email":    "[email protected]"
        }
    ]
}

Assim você teria 3 objetos(representantes) no array representantesestado do seu JSON, do qual foi apenas um exemplo, você pode ter quantos objetos quiser em um Array JSON.

Primeiro: Armazene o objeto JSON em uma variável para poder acessar e também para identificar do qual são representantes desta maneira:

var JSONObjectrepresentante = {
    "representantes""estado":
    [
        {
             "nome":     "Foo LTDA",
             "endereco": "Alameda"Endereço dosde Anjos"SP",
             "cep":      "12345-000",
             "telefone": "(11) 1234-1234",
             "site":     "www.foo.com.br",
             "email":    "[email protected]"
        },
        {
             "nome":     "Foo LTDA",
             "endereco": "Alameda"Endereço dosde Anjos"SC",
             "cep":      "12345-000",
             "telefone": "(11) 1234-1234",
             "site":     "www.foo.com.br",
             "email":    "[email protected]"
        },
        {
             "nome":     "Foo LTDA",
             "endereco": "Alameda"Endereço dosde Anjos"RJ",
             "cep":      "12345-000",
             "telefone": "(11) 1234-1234",
             "site":     "www.foo.com.br",
             "email":    "[email protected]"
        }
    ]
}

E depois você pode utilizar de um laço de repetição para armazenar o conteúdo que quiser em sua <div>, acessando JSONObjectrepresentante desta forma:

var len               = JSONObjectrepresentante.representantesestado.length,
    aryRepresentantes = [];
for (var i=0; i < len; i++){
  var nome     = JSONObjectrepresentante.representantes[i]estado[i].nome;
  var endereco = JSONObjectrepresentante.representantes[i]estado[i].endereco;
  var cep      = JSONObjectrepresentante.representantes[i]estado[i].cep;
  var telefone = JSONObjectrepresentante.representantes[i]estado[i].telefone;
  var site     = JSONObjectrepresentante.representantes[i]estado[i].site;
  var email    = JSONObjectrepresentante.representantes[i]estado[i].email;
  var strHTML  = "<b>"+nome+"<b>"+
                 "<br>End.: "+endereco+
                 "<br>CEP: "+cep+
                 "<br>Fone: "+telefone+
                 "<br>Site: "+site+
                 "<br>E-mail: "+email;
  aryRepresentantes.push(strHTML);
}    
$('#div').html(aryRepresentantes[0]); //para o representante 0 e assim em diante

Dessa forma você teria um array de por exemplo 3 estados, que seriam representante.estado[0] o estado de SP, representante.estado[1] o estado de SC e representante.estado[2] o estado de RJ. Você pode fazer um array de estados para identificar qual é qual ou apenas utilizar um laço de repetição comum, porém vou explicar como se estivesse utilizando o array de Estados:

function preencheDados(aryRepresentantes){
    var aryUF = ["SP","SC","RJ"];
    for (var i=0; i < aryUF.length; i++){
      $('#div'aryUF[i]).html(aryRepresentantes[i]);
    }
}

#Importante: Desta forma nomeie o ID de suas divs para <div id="divSP">,<div id="divSC">,<div id="divRJ"> e automaticamente o conteúdo irá para dentro delas ao executar a seguinte função:

preencheDados(aryRepresentantes); //nota que o aryRepresentantes foi declarado logo acima no meu laço de repetição lembra? você tem que passar ele como parâmetro.

Para criar um Array em utilize seu objeto da seguinte maneira:

{
    "representantes":
    [
        {
             "nome":     "Foo LTDA",
             "endereco": "Alameda dos Anjos",
             "cep":      "12345-000",
             "telefone": "(11) 1234-1234",
             "site":     "www.foo.com.br",
             "email":    "[email protected]"
        },
        {
             "nome":     "Foo LTDA",
             "endereco": "Alameda dos Anjos",
             "cep":      "12345-000",
             "telefone": "(11) 1234-1234",
             "site":     "www.foo.com.br",
             "email":    "[email protected]"
        },
        {
             "nome":     "Foo LTDA",
             "endereco": "Alameda dos Anjos",
             "cep":      "12345-000",
             "telefone": "(11) 1234-1234",
             "site":     "www.foo.com.br",
             "email":    "[email protected]"
        }
    ]
}

Assim você teria 3 objetos(representantes) no array representantes do seu JSON, do qual foi apenas um exemplo, você pode ter quantos objetos quiser em um Array JSON.

Primeiro: Armazene o objeto JSON em uma variável desta maneira:

var JSONObject = {
    "representantes":
    [
        {
             "nome":     "Foo LTDA",
             "endereco": "Alameda dos Anjos",
             "cep":      "12345-000",
             "telefone": "(11) 1234-1234",
             "site":     "www.foo.com.br",
             "email":    "[email protected]"
        },
        {
             "nome":     "Foo LTDA",
             "endereco": "Alameda dos Anjos",
             "cep":      "12345-000",
             "telefone": "(11) 1234-1234",
             "site":     "www.foo.com.br",
             "email":    "[email protected]"
        },
        {
             "nome":     "Foo LTDA",
             "endereco": "Alameda dos Anjos",
             "cep":      "12345-000",
             "telefone": "(11) 1234-1234",
             "site":     "www.foo.com.br",
             "email":    "[email protected]"
        }
    ]
}

E depois você pode utilizar de um laço de repetição para armazenar o conteúdo que quiser em sua <div>, acessando JSONObject desta forma:

var len               = JSONObject.representantes.length,
    aryRepresentantes = [];
for (var i=0; i < len; i++){
  var nome     = JSONObject.representantes[i].nome;
  var endereco = JSONObject.representantes[i].endereco;
  var cep      = JSONObject.representantes[i].cep;
  var telefone = JSONObject.representantes[i].telefone;
  var site     = JSONObject.representantes[i].site;
  var email    = JSONObject.representantes[i].email;
  var strHTML  = "<b>"+nome+"<b>"+
                 "<br>End.: "+endereco+
                 "<br>CEP: "+cep+
                 "<br>Fone: "+telefone+
                 "<br>Site: "+site+
                 "<br>E-mail: "+email;
  aryRepresentantes.push(strHTML);
}    
$('#div').html(aryRepresentantes[0]); //para o representante 0 e assim em diante

Para criar um Array em organizado por estados utilize seu objeto da seguinte maneira:

{
    "estado":
    [
        {
             "nome":     "Foo LTDA",
             "endereco": "Endereço de SP",
             "cep":      "12345-000",
             "telefone": "(11) 1234-1234",
             "site":     "www.foo.com.br",
             "email":    "[email protected]"
        },
        {
             "nome":     "Foo LTDA",
             "endereco": "Endereço de SC",
             "cep":      "12345-000",
             "telefone": "(11) 1234-1234",
             "site":     "www.foo.com.br",
             "email":    "[email protected]"
        },
        {
             "nome":     "Foo LTDA",
             "endereco": "Endereço de RJ",
             "cep":      "12345-000",
             "telefone": "(11) 1234-1234",
             "site":     "www.foo.com.br",
             "email":    "[email protected]"
        }
    ]
}

Assim você teria 3 objetos(representantes) no array estado do seu JSON, do qual foi apenas um exemplo, você pode ter quantos objetos quiser em um Array JSON.

Primeiro: Armazene o objeto JSON em uma variável para poder acessar e também para identificar do qual são representantes desta maneira:

var representante = {
    "estado":
    [
        {
             "nome":     "Foo LTDA",
             "endereco": "Endereço de SP",
             "cep":      "12345-000",
             "telefone": "(11) 1234-1234",
             "site":     "www.foo.com.br",
             "email":    "[email protected]"
        },
        {
             "nome":     "Foo LTDA",
             "endereco": "Endereço de SC",
             "cep":      "12345-000",
             "telefone": "(11) 1234-1234",
             "site":     "www.foo.com.br",
             "email":    "[email protected]"
        },
        {
             "nome":     "Foo LTDA",
             "endereco": "Endereço de RJ",
             "cep":      "12345-000",
             "telefone": "(11) 1234-1234",
             "site":     "www.foo.com.br",
             "email":    "[email protected]"
        }
    ]
}

E depois você pode utilizar de um laço de repetição para armazenar o conteúdo que quiser em sua <div>, acessando representante desta forma:

var len               = representante.estado.length,
    aryRepresentantes = [];
for (var i=0; i < len; i++){
  var nome     = representante.estado[i].nome;
  var endereco = representante.estado[i].endereco;
  var cep      = representante.estado[i].cep;
  var telefone = representante.estado[i].telefone;
  var site     = representante.estado[i].site;
  var email    = representante.estado[i].email;
  var strHTML  = "<b>"+nome+"<b>"+
                 "<br>End.: "+endereco+
                 "<br>CEP: "+cep+
                 "<br>Fone: "+telefone+
                 "<br>Site: "+site+
                 "<br>E-mail: "+email;
  aryRepresentantes.push(strHTML);
}    

Dessa forma você teria um array de por exemplo 3 estados, que seriam representante.estado[0] o estado de SP, representante.estado[1] o estado de SC e representante.estado[2] o estado de RJ. Você pode fazer um array de estados para identificar qual é qual ou apenas utilizar um laço de repetição comum, porém vou explicar como se estivesse utilizando o array de Estados:

function preencheDados(aryRepresentantes){
    var aryUF = ["SP","SC","RJ"];
    for (var i=0; i < aryUF.length; i++){
      $('#div'aryUF[i]).html(aryRepresentantes[i]);
    }
}

#Importante: Desta forma nomeie o ID de suas divs para <div id="divSP">,<div id="divSC">,<div id="divRJ"> e automaticamente o conteúdo irá para dentro delas ao executar a seguinte função:

preencheDados(aryRepresentantes); //nota que o aryRepresentantes foi declarado logo acima no meu laço de repetição lembra? você tem que passar ele como parâmetro.
mudei de insertAfter() para html()
Fonte Link
Paulo Roberto Rosa
  • 9,2mil
  • 10
  • 43
  • 75

Se quiser, recomendo utilizar um JSON Parser para facilmente criar e modificar JSON's como este aqui:

JSON Parser Online

Para criar um Array com JSONArray em utilize seu objeto da seguinte maneira:

Assim você teria 3 objetos(representantes) no array representantesrepresentantes do seu JSON, do qual foi apenas um exemplo, você pode ter quantos objetos quiser em um Array JSON.

Primeiro: Armazene o objeto JSON em uma variável desta maneira:

var JSONObject = {
    "representantes":
    [
        {
             "nome":     "Foo LTDA",
             "endereco": "Alameda dos Anjos",
             "cep":      "12345-000",
             "telefone": "(11) 1234-1234",
             "site":     "www.foo.com.br",
             "email":    "[email protected]"
        },
        {
             "nome":     "Foo LTDA",
             "endereco": "Alameda dos Anjos",
             "cep":      "12345-000",
             "telefone": "(11) 1234-1234",
             "site":     "www.foo.com.br",
             "email":    "[email protected]"
        },
        {
             "nome":     "Foo LTDA",
             "endereco": "Alameda dos Anjos",
             "cep":      "12345-000",
             "telefone": "(11) 1234-1234",
             "site":     "www.foo.com.br",
             "email":    "[email protected]"
        }
    ]
}
var JSONObject = {
    "representantes":
    [
        {
             "nome":     "Foo LTDA",
             "endereco": "Alameda dos Anjos",
             "cep":      "12345-000",
             "telefone": "(11) 1234-1234",
             "site":     "www.foo.com.br",
             "email":    "[email protected]"
        },
        {
             "nome":     "Foo LTDA",
             "endereco": "Alameda dos Anjos",
             "cep":      "12345-000",
             "telefone": "(11) 1234-1234",
             "site":     "www.foo.com.br",
             "email":    "[email protected]"
        },
        {
             "nome":     "Foo LTDA",
             "endereco": "Alameda dos Anjos",
             "cep":      "12345-000",
             "telefone": "(11) 1234-1234",
             "site":     "www.foo.com.br",
             "email":    "[email protected]"
        }
    ]
}

E depois coloquevocê pode utilizar de um laço de repetição para armazenar o conteúdo que quiser em sua div<div>, acessando o objetoJSONObject desta forma:

$('#suaDiv').insertAfter(JSONObject.representantes[0].nome); //para imprimir o nome por exemplo
var len               = JSONObject.representantes.length,
    aryRepresentantes = [];
for (var i=0; i < len; i++){
  var nome     = JSONObject.representantes[i].nome;
  var endereco = JSONObject.representantes[i].endereco;
  var cep      = JSONObject.representantes[i].cep;
  var telefone = JSONObject.representantes[i].telefone;
  var site     = JSONObject.representantes[i].site;
  var email    = JSONObject.representantes[i].email;
  var strHTML  = "<b>"+nome+"<b>"+
                 "<br>End.: "+endereco+
                 "<br>CEP: "+cep+
                 "<br>Fone: "+telefone+
                 "<br>Site: "+site+
                 "<br>E-mail: "+email;
  aryRepresentantes.push(strHTML);
}    
$('#div').html(aryRepresentantes[0]); //para o representante 0 e assim em diante

Como você pode ver, aí dependendo de como está seu código e como está seu projeto você pode adaptar um pouco o código que eu propus acima, de acordo com sua necessidade, mas o conceito é este.

Para criar um Array com JSON utilize da seguinte maneira:

Assim você teria 3 objetos no array representantes.

Armazene o objeto JSON em uma variável desta maneira:

var JSONObject = {
    "representantes":
    [
        {
             "nome":     "Foo LTDA",
             "endereco": "Alameda dos Anjos",
             "cep":      "12345-000",
             "telefone": "(11) 1234-1234",
             "site":     "www.foo.com.br",
             "email":    "[email protected]"
        },
        {
             "nome":     "Foo LTDA",
             "endereco": "Alameda dos Anjos",
             "cep":      "12345-000",
             "telefone": "(11) 1234-1234",
             "site":     "www.foo.com.br",
             "email":    "[email protected]"
        },
        {
             "nome":     "Foo LTDA",
             "endereco": "Alameda dos Anjos",
             "cep":      "12345-000",
             "telefone": "(11) 1234-1234",
             "site":     "www.foo.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

Se quiser, recomendo utilizar um JSON Parser para facilmente criar e modificar JSON's como este aqui:

JSON Parser Online

Para criar um Array em utilize seu objeto da seguinte maneira:

Assim você teria 3 objetos(representantes) no array representantes do seu JSON, do qual foi apenas um exemplo, você pode ter quantos objetos quiser em um Array JSON.

Primeiro: Armazene o objeto JSON em uma variável desta maneira:

var JSONObject = {
    "representantes":
    [
        {
             "nome":     "Foo LTDA",
             "endereco": "Alameda dos Anjos",
             "cep":      "12345-000",
             "telefone": "(11) 1234-1234",
             "site":     "www.foo.com.br",
             "email":    "[email protected]"
        },
        {
             "nome":     "Foo LTDA",
             "endereco": "Alameda dos Anjos",
             "cep":      "12345-000",
             "telefone": "(11) 1234-1234",
             "site":     "www.foo.com.br",
             "email":    "[email protected]"
        },
        {
             "nome":     "Foo LTDA",
             "endereco": "Alameda dos Anjos",
             "cep":      "12345-000",
             "telefone": "(11) 1234-1234",
             "site":     "www.foo.com.br",
             "email":    "[email protected]"
        }
    ]
}

E depois você pode utilizar de um laço de repetição para armazenar o conteúdo que quiser em sua <div>, acessando JSONObject desta forma:

var len               = JSONObject.representantes.length,
    aryRepresentantes = [];
for (var i=0; i < len; i++){
  var nome     = JSONObject.representantes[i].nome;
  var endereco = JSONObject.representantes[i].endereco;
  var cep      = JSONObject.representantes[i].cep;
  var telefone = JSONObject.representantes[i].telefone;
  var site     = JSONObject.representantes[i].site;
  var email    = JSONObject.representantes[i].email;
  var strHTML  = "<b>"+nome+"<b>"+
                 "<br>End.: "+endereco+
                 "<br>CEP: "+cep+
                 "<br>Fone: "+telefone+
                 "<br>Site: "+site+
                 "<br>E-mail: "+email;
  aryRepresentantes.push(strHTML);
}    
$('#div').html(aryRepresentantes[0]); //para o representante 0 e assim em diante

Como você pode ver, aí dependendo de como está seu código e como está seu projeto você pode adaptar um pouco o código que eu propus acima, de acordo com sua necessidade, mas o conceito é este.

Fonte Link
Paulo Roberto Rosa
  • 9,2mil
  • 10
  • 43
  • 75
Carregando