1

A minha requisição Ajax está retornando 3 registros de uma consulta PHP (sim, eu tenho certeza), então temos arrays do tipo:

array 1 ["João", "19/05/1986", "masculino", "Programador", "Campo Grande"]
array 2 ["Maria", "15/05/1988", "feminino", "Enfermeira", "Londres"]
array 3 ["Patricia", "04/11/1980", "feminino", "Servidora Pública", "Fortaleza"]

Pergunta: Como separar estes dados de forma que eu possa pegar as informações de cada array separadamente e continuar meu sistema? Para ajudar vou colocar um pedaço do código

$.ajax({
    type: "POST",
    dataType: "json",
    url: "<?php bloginfo('template_url'); ?>/scripts/php_functions.php",
    data: {
        idClienteDocumentos: idClienteDocumentos,
        ajax: "true"
    },
    success: function(result) {

            var resultado = JSON.parse(result);

            // preciso montar as arrays cujo contador me confirmou que existem
            $("#Contador").val(resultado[6]);

Para quem se sentir a vontade para dar mais uma forcinha, preciso colocar isso dentro de um while PHP.

17
  • O que lhe dá typeof result e result.length?
    – Sergio
    Commented 4/08/2014 às 12:34
  • 1
    Não tem problema. Faça assim: alert('Tipo: ' + typeof resultado + ', length: ' + resultado.length); na linha abaixo de var resultado = JSON.parse( etc...
    – Sergio
    Commented 4/08/2014 às 12:37
  • 1
    Achei isso no SO en foreach em JavaScript Commented 4/08/2014 às 12:40
  • 1
    Hmmm isso depois do JSON.parse? usando resultado no alert?
    – Sergio
    Commented 4/08/2014 às 12:57
  • 1
    pode colocar o código que tem no php que faz echo para o ajax? algo está errado aí penso eu
    – Sergio
    Commented 4/08/2014 às 13:01

1 Resposta 1

1

Se já tem uma array a chegar depois do JSON.parse, pode usar o forEach para montar essa tabela. Se quiser fazer com divs aqui fica uma sugestão:

var campos = ['arquivo', 'idCliente', 'titulo', 'descricao', 'arquivo', 'data'];
var tabela = $('<div id="tabela"></div>');
resultado.forEach(function (linha) {
    var linhaDiv = $('<div></div>');
    linha.forEach(function (campo, index) {
        $('<div></div>').addClass(campos[index]).text(campo).appendTo(linhaDiv);
    });
    linhaDiv.appendTo(tabela);
});

Seria interessante se enviasse objetos diretamente do PHP, assim os campos que serão classes podiam vir já juntos. Eu sugiro isso no final desta resposta.

6
  • Não estou conseguindo fazer o código funcionar desta forma (puu.sh/aEm2L/9c93ea474f.png) e não sei onde vai entrar tabela. Ela vai ser gerada automaticamente? No lugar aonde o script tiver posicionado? Por enquanto tenho um erro undefined no console. Além do mais quando deixo só alert, ele está dando 6 alerts que corresponde a quantidade de elementos da array e não de registros. Commented 4/08/2014 às 14:25
  • Como @Sergio falou, transformei em um objeto no PHP. Náo [e estranho estar retornando length: undefined? puu.sh/aEnP2/7fa8c5d2fe.png Commented 4/08/2014 às 14:54
  • @marcosvinicius estive por fora. Vi agora que teve problemas. Já consegui resolver? O exemplo que dei em cima funciona assim: jsfiddle.net/f32SV
    – Sergio
    Commented 4/08/2014 às 18:52
  • 1
    @marcosvinicius ok, e agora está a funcionar? com objetos ou array?
    – Sergio
    Commented 4/08/2014 às 19:03
  • 1
    está funcionando perfeitamente com o retorno de objetos ao ajax. obrigado pela ajuda. me adiciona no face, fb.com/yesmarcos e no Hangout também: [email protected] ... Obrigaduuuuuuu Commented 4/08/2014 às 19:10

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 .