Já faz 3 dias que eu estou pesquisando em vários sites da rede que tratam deste assunto uma solução para o meu problema, mas não estou conseguindo descobrir a causa do mesmo.
Venho pedir uma ajuda aos experts no assunto, pois já estou ficando meio desesperado com tantas tentativas frustradas de resolver uma coisa que ao meu ver deve ser simples, mas que esta me deixando mais careca ainda.
Eu tenho tentado tratar o retorno de uma consulta feita em PHP que retorna um objeto JSON em um script que usarei em um site que estou criando, mas não consigo acessar as camadas do objeto.
Sempre vejo no console.log do Firefox o seguinte: undefined
.
O meu código PHP é este abaixo e funciona perfeitamente executando-o isoladamente no navegador, passando o parâmetro necessário que é o idPro=XXX
.
O código faz uma pesquisa no banco e retorna todos os produtos que atendem a solicitação.
O retorno do código em PHP é assim:
[
{"id":"123","descricao":"PRODUTO 1"},
{"id":"345","descricao":"PRODUTO 2"},
{"id":"567","descricao":"PRODUTO 3"},
{"id":"789","descricao":"PRODUTO 4"}
]
No código do javascript tenho tentado me referir ao objeto para pegar os dados dentro dele e mostrar apenas no console.log por enquanto, ainda não implantei o resto do código onde será realmente usado os dados, pois primeiro preciso fazer funcionar no console.log.
Eu resumi um pouco com a intenção de simplificar.
Desde já agradeço imensamente.
Código 1:
$(document).ready(function()
{
$("input[name='codigo']").bind("change paste keyup blur", function()
{
var codigodigitado = $('#codigo').val();
var retorno = '';
console.log( codigodigitado ); // Aqui mostra no console o que eu digitei no campo do form (funciona ok).
$.ajax({
type: "POST",
//dataType: 'json', //Se eu ativo isso, nada retorna.
data: {idPro: codigodigitado}, //parâmetro de pesquisa passao ao php (funciona ok).
url: "busca_descricao.php",
beforeSend: function(){
// Funcionou (coloquei apenas para testar).
//console.log("Isso executara antes da requisicao"); // funciona ok.
},
success: function(responses){
// Funcionou (mostra corretamente os dados).
console.log(responses); // Aqui são os dados vindos do PHP (fuciona ok).
// O problema esta aqui: (não mostra o conteúdo do objeto)
console.log(responses.id); // undefined (não funcionou).
console.log(responses[0].id); // undefined (não funcionou).
console.log(responses["0"].id); // undefined (não funcionou).
// Isso será usado depois que eu resolver o problema acima.
//var options = {
//data: responses,
//getValue: "id"
//};
//$("#codigo").easyAutocomplete(options);
}
});
});
});
<input type="text" name="codigo" id="codigo" autocomplete="off" required />
Código 2:
<?php
require("user_ver_login.php");
include("include/admin.php");
include("include/conexao.php");
//
if(isset($_POST['idPro'])) {
$idPro = $_POST["idPro"];
} elseif(isset($_GET['idPro'])) {
$idPro = $_GET["idPro"];
} else {
$data = array();
$retorno = array_push ( $data , array( "id" => "0", "descricao" => utf8_encode( "Nada foi passado!" ) ) );
$retorno = json_encode($data);
echo $retorno;
exit;
}
//
$idUsu = $_SESSION['idUsubd']; // Pega o ID do usuário
////$sql = "SELECT Descricao,Preco FROM produto WHERE idPro='$idPro' and idUsu='$idUsu'"; // Pega só os produtos do usuário.
$sql = "SELECT idPro,Descricao FROM produto WHERE Descricao like '%$idPro%'"; // Pega todos os produtos (apenas para o teste do json).
$cont = 0;
$result = mysqli_query($conexao, $sql);
$cont = mysqli_num_rows($result);
$data = array();
////$contador = 0;
while($row = mysqli_fetch_row($result)) {
array_push ( $data , array( "id" => utf8_encode($row[0]), "descricao" => utf8_encode( trim( $row[1] ) ) ) );
////$contador = $contador + 1;
}
if ($cont == 0) {
$retorno = array_push ( $data , array( "id" => "0", "descricao" => utf8_encode( "Produto inexistente!" ) ) );
}
// Converte para o formato json.
////header('Content-Type: application/json'); // não funcionou, dá erro!
$retorno = json_encode($data);
// Retorna o array direto sem converter (apenas um teste).
//$retorno = $data;
echo $retorno;
?>