J'ai un problème avec bootstrap 3 et typeahead.js de github https://github.com/twitter/typeahead.js/blob/master/doc/jquery_typeahead.md#datasets
J'essaie d'obtenir que les données d'ajax apparaissent pour suggérer à un utilisateur lorsqu'il tape dans mon champ de saisie.
Ma console continue à me donner un message qui dit "Uncaught TypeError: Impossible de lire la propriété" replace "of indéfini"
de l'aide?
<html>
<head>
<!-- Bootstrap framework -->
<link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css" />
</head>
<body>
<div class="well">
<input type="text" class="span3 typeahead form-control" id="players" data-provide="typeahead">
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<!-- main bootstrap js -->
<script src="../bootstrap/js/bootstrap.min.js"></script>
<!-- bootstrap plugins -->
<script src="../js/bootstrap.plugins.min.js"></script>
<!-- typeahead-->
<script src="../lib/typeahead/typeahead.min.js"></script>
<script type="text/javascript">
$(function(){
$("#players").typeahead({
name: "players",
remote: function(query, cb){
$.ajax({
url: "ajax/search.php",
type: "POST",
data: "query="+query,
dataType: "JSON",
async: true,
success: function(data){
cb(data);
}
})
}
})
});
</script>
Fichier de données Ajax (PHP):
<?
if(isset($_POST["query"])){
include "connect.php";
$query = $_POST["query"];
$sql = mysql_query("SELECT * FROM players WHERE name LIKE "%{$query}%"");
$array = array();
while($row = mysql_fetch_assoc($sql)){
$array[] = $row["name"];
}
echo json_encode($array);
}
?>
Réponses:
0 pour la réponse № 1pas tout à fait sûr que ce soit le problème, mais essayez peut-être de changer
data: "query="+query,
à
data: {"query" : query},
J'avais ce problème et ça a résolu mon problème