0

Eu tenho uma função em AJAX que enquanto carrega as informações do banco de dados para alimentar os inputs fica escrito "Carregando...". Caso não encontre nenhuma informação ele continua com este carregando escrito nos inputs até que eu atualize a página ou faça outra busca. Fiz um if no fim para limpar o input mas não estou conseguindo, alguém tem alguma ideia?

Segue código:

//-----------------------------------------------------
//Funcao: functionjson
//Autor: Rafael Assmann <[email protected]>
//Sinopse: Json para capturar código do produto e reali
//zar a busca no banco de dados e preencher os demais campos deste produto
//Parametro:
//   codProduto[] : código do produto digitado para pesquisa
//Retorno: nomeProduto[], qtProduto[] e valorProduto[] : informações do BD
//-----------------------------------------------------
$(document).ready(function(){
  $(document).delegate(".codigoProduto", "blur", function() {
         var parent = $(this).parent();
         var nomeProduto = parent.children("input:eq(1)");
         var qtProduto = parent.children("input:eq(2)");
         var valorProduto = parent.children("input:eq(3)");

             $( nomeProduto ).val('Carregando...');
             $( qtProduto ).val('Carregando...');
             $( valorProduto ).val('Carregando...');

             $.getJSON(
                 'function.php',
                 { codProduto: $( this ).val() },
                 function( json ) 
                 {
                      $( nomeProduto ).val( json.nomeProduto );
                      $( qtProduto ).val("1");
                      $( valorProduto ).val( json.valorProduto);
                     }
             );
                      if(json.nomeProduto == null)
                      $( nomeProduto ).val( " " ); // caso não encontre o produto no banco não esta caindo nesta condição para zerar o campo.   
     });
});

O arquivo de consulta ao banco de dados function.php:

<?php
    /**
     * função que devolve em formato JSON os dados do cliente
     */
    function retorna( $nome, $db )
    {
        $sql = "SELECT `identProduto`, `codProduto`, `qtProduto`, `nomeProduto`, `valorProduto` FROM `t_estoque` WHERE `codProduto` = '{$nome}' ";

             $query = $db->query( $sql );

             $arr = Array();
             if( $query->num_rows )
             {
                 while( $dados = $query->fetch_object() )
                 {
                     $arr['nomeProduto'] = $dados->nomeProduto;
                     $arr['qtProduto'] = $dados->qtProduto;
                     $arr['valorProduto'] = $dados->valorProduto;
                 }
             }
             if($arr['qtProduto'] == 0){
                $arr['nomeProduto'] = 'sem estoque';
                $arr['qtProduto'] = '0';
             }
             return json_encode( $arr );
        }

    /* só se for enviado o parâmetro, que devolve os dados */
    if( isset($_GET['codProduto']) )
    {
        $db = new mysqli('localhost', 'root', '', 'buchm613_buchmann');
        echo retorna( filter ( $_GET['codProduto'] ), $db );
    }

    function filter( $var ){
        return $var;//a implementação desta, fica a cargo do leitor
    }
?>
12
  • 2
    Compara se ele é igual a vazio (" "), vazio é diferente de null 7/11/2014 às 13:30
  • @RafaelDiasSoares Olá, ja tentei assim também mas não vai, por isso estou achando estranho... Alguma ideia ? 7/11/2014 às 13:34
  • Neste caso não é diferente. Ambos resultam em false.
    – Franchesco
    7/11/2014 às 13:36
  • 1
    Tenta fazer assim @RafaelAssmann, dá um console.log(json) e vê o que é retornado quando ele não encontra nada. Depois é só você validar. 7/11/2014 às 16:03
  • 1
    Cara, eu tentaria dessa forma: Faria o meu retorno ajax tratar o statusCode caso não retorne nada (cod. 204), eu apenas limparia os campos do form. Caso ocorrer tudo bem (cod. 200) faria outra... 11/12/2014 às 3:00

2 Respostas 2

1

O seu problema está no lugar em que colocou a condição. Você colocou fora da requisição, e como o JS irá executar de forma assíncrona, a sua condição executa antes do retorno do seu servidor.

Para executar no momento correto, você precisa adicionar a condição dentro da função de callback. Como ficaria sua chamada:

$.getJSON(
    'function.php',
    { codProduto: $( this ).val() },
    function( json ) 
    {
        $( nomeProduto ).val( json.nomeProduto );
        $( qtProduto ).val("1");
        $( valorProduto ).val( json.valorProduto);

        if(json.nomeProduto == null)
            $( nomeProduto ).val( "" );
    }
);
1
  • não obteve resultado desta forma amigo :/ 10/02/2015 às 23:10
0

Tenta assim

if(json.length < 1){
  $(nomeProduto).empty();
}

ou 

if(!json.nomeProduto){
  $(nomeProduto).empty();
}
3
  • Olá @vcrzy tentei implementar desta forma mas não obtive sucesso, inseri o IF no mesmo lugar que esta na pergunta, tens mais alguma alternativa? 10/11/2014 às 23:14
  • olá Rafael, Pelo que entendi seu objetivo é localizar os dados no banco ou limpar o campo caso não consiga. Caso seja isso você pode adicionar um listener no evento complete do ajax fazendo com que assim seja disparada uma função quando o script terminar, esta pode checar se foi um sucesso ou uma falha e determinar o que fazer. O jQuery que acredito você esteja usando deve prover este método para chamadas ajax, assim como outros dois métodos, os success e o error, ai é uma questão de escolher como você irá tratar a sua saida.
    – ooredroxoo
    9/02/2015 às 4:04
  • Vale lembrar que o success é disparado quando não detecta erros na requisição PHP, se eu puder recomendar eu recomendaria retornar um json com uma lista vazia e faria a checagem depois que a requisição terminasse. Eu evitaria alterar o código HTTP que é retornado para evitar problemas futuros, por exemplo, mudar para 404 se não encontrar resultados no futuro pode mascarar o fato do arquivo ter sido deletado, e mudar para outro pode mascarar futuros problemas também.
    – ooredroxoo
    9/02/2015 às 4:09

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 .