[英]Bootstrap 3 and Typeahead.js issue
I'm having a problem with bootstrap 3 and typeahead.js from github https://github.com/twitter/typeahead.js/blob/master/doc/jquery_typeahead.md#datasets 我在Bootstrap 3和来自github https://github.com/twitter/typeahead.js/blob/master/doc/jquery_typeahead.md#datasets的 typeahead.js遇到问题
I'm trying to get my data from ajax to appear to suggest to a user when he types in my input field. 我正在尝试从ajax获取数据,以便在用户输入我的输入字段时向用户提出建议。
My console keeps giving me a message that says "Uncaught TypeError: Cannot read property 'replace' of undefined " 我的控制台不断向我显示“未捕获的TypeError:无法读取未定义的属性'replace'的消息”
any help? 有什么帮助吗?
<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>
Ajax data file (PHP): 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);
}
?>
not 100% sure this is the issue, but perhaps try changing 不是100%确定这是问题所在,但也许尝试更改
data: 'query='+query,
to 至
data: {"query" : query},
I was having this issue and it fixed my problem 我遇到了这个问题,它解决了我的问题
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.