Olá, estou com uma dificuldade no autocomplete do JQuery.
Meu código plantar.js
$(function() {
// Dispara o Autocomplete a partir do primeiro caracter
$( "#busca" ).autocomplete({
minLength: 1,
//source: resultado
source: function(request, response) {
$.ajax({
url: "ajax/Plantar.php",
dataType: "json",
data: "acao=autocomplete&" + $('#busca').val(),
success: function(data) {
console.log(data);
response(data);
}
});
}
});
});
Codigo do “ajax/Plantar.php”
$pdo = conecta();
// Recebe os parâmetros enviados via GET
$acao = filter_input(INPUT_POST, ‘acao’, FILTER_SANITIZE_STRING);
//$acao = (isset($_GET[‘acao’])) ? $_GET[‘acao’] : ‘’;
$parametro = (isset($_GET[‘term’])) ? $_GET[‘term’] : ‘’;
// Verifica se foi solicitado uma consulta para o autocomplete
if($acao == ‘autocomplete’):
$stm = $pdo->prepare(“SELECT cultura_nome FROM tb_culturas_agrossuisse WHERE
cultura_nome LIKE ‘%$parametro’ ORDER BY cultura_nome”);
$stm->execute();
$dados = $stm -> fetchAll(PDO::FETCH_OBJ);
$json = json_encode($dados);
echo $json;
endif;
// Verifica se foi solicitado uma consulta para preencher os campos do formulário
if($acao == 'consulta'):
$sql = "SELECT cultura_nome FROM tb_culturas_agrossuisse ";
$sql .= "WHERE cultura_nome LIKE ? LIMIT 1";
$stm = $conexao->prepare($sql);
$stm->bindValue(1, $parametro.'%');
$stm->execute();
$dados = $stm->fetchAll(PDO::FETCH_OBJ);
$json = json_encode($dados);
echo $json;
endif;
Não consigo identificar o erro, e nao está carregando o autocomplete
Meu index…
<?php require "Config.php"; conecta(); ?> Início<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link href="https://fonts.googleapis.com/css?family=Abel|Amatic+SC|Cairo|Encode+Sans+Expanded|Encode+Sans+Semi+Expanded|Exo+2|Josefin+Sans|Mada|Questrial|Rajdhani|Roboto+Mono|Yanone+Kaffeesatz" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="publics/css/style.css">
<div class="Interface">
<img class= "ImgLogo" src="imagens/LogoAgrossuisse.jpg">
<?php
if (isset($_SESSION['usuario']) ) {
include "includes/Menucomlogin.php";
}else{
include "includes/Menusemlogin.php";
}
?>
<?php
$pagina = $_GET['url'];
if (file_exists("paginas/$pagina.php")) {
include "paginas/$pagina.php";
} else {
}
?>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script type="text/javascript" src="publics/js/Plantar.js"></script>
<script type="text/javascript" src="publics/js/Custom.js"></script>
<script type="text/javascript" src="publics/js/Painel.js"></script>
Alguem pode me ajudar ???