3

Tenho vários inputs em um HTML, onde os IDs estão corretos. Quero buscar o value desses Inputs com essas variáveis de JavaScript, porém somente o Input de nome pega o valor da variável! O resto dos inputs ficam vazios:

 $.ajax({
        url: 'api/user/getSession',
        type: 'POST',
        success: function(data){
            document.getElementById("nome").value = data.nome,
            document.getElementById("perfil").value = data.perfil,
            document.getElementById("empresa").value = data.perfil
        }
    });
10
  • Seja mais claro, mal entendi oque você quer fazer; e para ficar mais claro, coloque pelo menos o html do seu pseudo form . 20/02/2015 às 16:26
  • 2
    Se você está utilizando o jQuery, por que utilizar getElementById? É mais fácil utilizar o seletor $('#nome').val(data.nome); 20/02/2015 às 16:28
  • cadê os inputs? 20/02/2015 às 16:30
  • Pke não coloca um console.log(data.d) e veja se o resultado está vindo corretamente. ou mesmo um alert.
    – Marconi
    20/02/2015 às 16:31
  • Os inputs são do tipo text? os valores estão chegando na variavel data? para conferir mande um console.log(data.perfil) 20/02/2015 às 16:31

2 Respostas 2

4

O seu problema não é no uso do jQuery ou JavaScript, mas sim em virgulas (, commas), o correto seria ; (ponto e virgula - semicolon), veja você fez assim:

document.getElementById("nome").value = data.nome,
document.getElementById("perfil").value = data.perfil,
document.getElementById("empresa").value = data.perfil

O correto é isto:

document.getElementById("nome").value = data.nome;
document.getElementById("perfil").value = data.perfil;
document.getElementById("empresa").value = data.perfil;

Note que o último ponto e virgula não é necessário, mas costumamos usar para evitar erros.

No jQuery você também usou virgula:

$("#nome").val(data.nome),
$("#perfil").val(data.perfil),
$("#empresa").val(data.perfil)

Mesmo que não ocorra o erro, o melhor é usar o ;:

$("#nome").val(data.nome);
$("#perfil").val(data.perfil);
$("#empresa").val(data.perfil);

Resultado final:

$.ajax({
    url: 'api/user/getSession',
    type: 'POST',
    success: function(data){
        $("#nome").val(data.nome);
        $("#perfil").val(data.perfil);
        $("#empresa").val(data.perfil);
    }
});
1
  • 1
    Obrigada, tão obvio e NINGUÉM observou isso além de você. Esclarecedor! 25/02/2015 às 19:00
1
$.ajax({
        url: 'api/user/getSession',
        type: 'POST',
        success: function(data){
            $("#nome").val(data.nome),
            $("#perfil").val(data.perfil),
           $("#empresa").val(data.perfil)
        }
    });
7
  • Não consigo entender como este código funciona e outro não, você apenas mudou de DOM API para jQuery. Poderia explicar qual a diferença?
    – Syzoth
    25/02/2015 às 18:41
  • I have no idea, sendo que é praticamente a mesma coisa mas só funfou assim. 25/02/2015 às 18:58
  • 1
    I have an answer for you!
    – Syzoth
    25/02/2015 às 19:00
  • Daniela, você apagou a outra pergunta, sobre o botão que executava um alert inesperado, eu ia lhe fazer uma pergunta, quando o BackBone renderiza o teu template ele gera mais de um <button>?
    – Syzoth
    17/04/2015 às 19:09
  • 1
    Não é isto que eu quis dizer, o que eu quero dizer é que IDs não podem repetir, se o botão aparece mais de uma vez, são IDs repetidos gerados e isto pode ter desencadeado o problema.
    – Syzoth
    17/04/2015 às 19:14

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 .