Skip to main content
Algumas modificações para melhorar a visualização
Fonte Link

estouEstou fazendo alguns testes com ajaxajax, e fiz um scriptscript bem simples em php conforme seguephp apresentado abaixo:

index.phpindex.php

function.phpfunction.php

Quando eu acesso o function.phpfunction.php da seguinte forma:

Porém, o javascriptJavaScript não está pegando este valor e exibindo no inputinput. O que estou errando?

estou fazendo alguns testes com ajax, e fiz um script bem simples em php conforme segue:

index.php

function.php

Quando acesso o function.php da seguinte forma:

Porém, o javascript não está pegando este valor e exibindo no input. O que estou errando?

Estou fazendo alguns testes com ajax, e fiz um script bem simples em php apresentado abaixo:

index.php

function.php

Quando eu acesso o function.php da seguinte forma:

Porém, o JavaScript não está pegando este valor e exibindo no input. O que estou errando?

Fonte Link

JSon não está pegando os dados

estou fazendo alguns testes com ajax, e fiz um script bem simples em php conforme segue:

index.php

    <!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8"/>
            <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
            <script type="text/javascript">
                $(document).ready(function()
                {
                    $("select[name='nome']").change(function()
                    {
                        alert('Entrou');
                        var preco = $("input[name='preco']");
                        var teste = $("select[name='nome']").val();
                        //alert(teste);
                        $( preco ).val('Carregando...');
 

                        //$.getJSON(
                        //'function.php',
                        //{ 
                        //  produto_id: $( "select[name='nome']" ).val()
                        //},
                        //function( json )
                        //{
                        //  $( preco ).val( json.preco );
                        //}
                        $.ajax({ 
                            type: "GET",
                            dataType: 'json', 
                            url: "function.php", 
                            data: "produto_id="+ $("select[name='nome']").val(), 
                            success: function(json){ 
                                //informacoesPessoa = pessoa.split("-"); 
                                //$("#nome").val(informacoesPessoa[0]); 
                                //$("#dataNascimento").val(informacoesPessoa[1]);
                                alert(json.produto_preco); 
                                $("input[name='preco']").val(json.produto_preco);
                            } 
                        });
                    //);
                });
            });
            </script>
    </head>
    <body>
        <form action="" method="post">
            <label>Produto: <select name="nome">
            <option value="">--</option>
            <?php
                include 'function.php';
                echo montaSelect();
            ?>
            </select></label>
            <label>Preço: <input name="preco" type="text" disabled="disabled" value="" /></label>
        </form>
        <div id="test"></div>
    </body>
</html>

function.php

<?php
    $con = mysql_connect('localhost', 'root', 'root');
    mysql_select_db('vendas', $con);
 
    /**
    * função que retorna o select
    */
    function montaSelect()
    {
        $sql = "SELECT `produto_id`, `produto_nome` FROM `produto` ";
        $query = mysql_query( $sql );
     
        if( mysql_num_rows( $query ) > 0 )
        {
            while( $dados = mysql_fetch_assoc( $query ) )
            {
                $opt .= '<option value="'.$dados['produto_id'].'">'.$dados['produto_nome'].'</option>';
            }
        }
        else
            $opt = '<option value="0">Nenhum produto cadastrado</option>';
     
        return $opt;
    }
     
    /**
    * função que devolve em formato JSON os dados do cliente
    */
    function retorna( $id )
    {
        $id = (int)$id;
     
        $sql = "SELECT `produto_id`, `produto_preco` FROM `produto` WHERE `produto_id` = {$id} ";
        $query = mysql_query( $sql );

        $arr = Array();
        $row = mysql_fetch_row($query);
        $preco = $row[1];
        //if( mysql_num_rows( $query ) )
        //{
        //  while( $dados = mysql_fetch_object( $query ) )
        //  {
        //      $arr['produto_preco'] = $dados->produto_preco;
        //  }
        //}
        //else
        //  $arr[] = 'Produto: não encontrado';
     
        echo json_encode($preco);
        //return json_encode( $arr );
    }
     
    /* só se for enviado o parâmetro, que devolve o combo */
    if( isset($_GET['produto_id']) )
    {
        echo retorna( $_GET['produto_id'] );
    }
?>

Quando acesso o function.php da seguinte forma:

http://localhost/testes/function.php?produto_id=1

Ele me retorna na tela o dado correto: "2.50"

Porém, o javascript não está pegando este valor e exibindo no input. O que estou errando?