1

nao estou conseguindo pegar o valor do input text, da o erro de indefinido... alguem saberia me responder pq esta assim???

$(document).ready(function () {
            $('#btnPesquisar').click(function () {

                var x = $("#txtMatriculaPesquisar");
                alert(x.val());
               

                $.ajax({
                    type: 'POST',
                    contentType: 'application/json; charset=utf-8',
                    url: 'Aluno.aspx/BuscaAluno',
                    data: "{'matircula':'" + matricula + "'}",
                    async: true,
                    dataType: "json",
                    success: function (result) {
                        if (result != null) {
                            $.each(result.d, function (key, value) {
                                $('#txtNome').value = value.Nome;
                                $('#txtMatricula').value = value.Matricula;
                                $('#txtCpf').value = value.Cpf;
                                $('#txtNascimento').value = value.Data;

                            }); 
                        
                        }
                        
               
                    },
               });
            });
        });
<div class="row">
            <div class="input-group col-md-6 col-md-offset-1">
              <input type="text" class="form-control" placeholder="Digite a Matricula" id="txtMatriculaPesquisar" value="" runat="server"/>
              <span class="input-group-btn">
                <button class="btn btn-default" type="button" id="btnPesquisar">Pesquisar</button>
              </span>
            </div>
        </div>

1
  • como amigo, nao entendi?? ali é so um campo data de aniversario.. Commented 8/02/2018 às 13:54

1 Resposta 1

0

O problema é que você está armazenando a matrícula na variável x e depois passando a variável matricula para requisição. Como essa variável não existe, o javascript irá utilizar o valor de Undefined

Um outro erro é que, quando você captura um elemento com jQuery (no callback onSuccess, por exemplo), ele te retorna um objeto. Como nesse objeto não existe a propriedade value, o código acaba de retornando um valor indefinido ou quando você tenta definir um novo valor, ele não funciona.

Quando você quiser capturar ou informar o valor a um objeto do jQuery, utilize:

$('#txtNome').val(); // Para capturar
$('#txtNome').val("novo-valor"); // Para definir

$(document).ready(function () {
            $('#btnPesquisar').click(function () {

                let matricula = $("#txtMatriculaPesquisar");
                alert(matricula.val());
               

                $.ajax({
                    type: 'POST',
                    contentType: 'application/json; charset=utf-8',
                    url: 'Aluno.aspx/BuscaAluno',
                    data: "{'matircula':'" + matricula + "'}",
                    async: true,
                    dataType: "json",
                    success: function (result) {
                        if (result != null) {
                            $.each(result.d, function (key, value) {
                                $('#txtNome').val(value.Nome);
                                $('#txtMatricula').val(value.Matricula);
                                $('#txtCpf').val(value.Cpf);
                                $('#txtNascimento').val(value.Data);

                            }); 
                        
                        }
                        
               
                    },
               });
            });
        });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="row">
            <div class="input-group col-md-6 col-md-offset-1">
              <input type="text" class="form-control" placeholder="Digite a Matricula" id="txtMatriculaPesquisar" value="" runat="server"/>
              <span class="input-group-btn">
                <button class="btn btn-default" type="button" id="btnPesquisar">Pesquisar</button>
              </span>
            </div>
        </div>

4
  • obg amigo , vou tentar aqui pra ver se da certo... nao entendo bem o funcionamento do jquery.. obg mesmo Commented 8/02/2018 às 13:58
  • achei o erro amigo, to usando ele no aspnet, e como tinha definido ele como runat = server, ele nao deixava eu recuperar no jquery Commented 8/02/2018 às 14:06
  • Elanio, realmente obtive o erro, como vc disse, no callback do onsuccess, so que estou procurando uma explicacao pra isso na internet, e nao consegui achar nada,, vc poderia me explicar pq estou tendo esse erro, e como corrigilo, por favor?? obg: pequei essa funcao pronta na internet, mudei o q precisa e to usando, nao sei o q o for each ta pegando no inicio dele nao Commented 8/02/2018 às 16:25
  • @CleitondeSousa fica difícil sem saber qual o JSON você está recebendo. O código que postei irá funcionar com um Json Array, mas caso você esteja recebendo um Json Object, você terá que remover o $.each
    – Elanio
    Commented 11/02/2018 às 19:53

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 .