2016-10-19 170 views
1

我試圖設置twitter typeahead(基於此https://twitter.github.io/typeahead.js/examples/#remote)從sql查詢加載結果,但它不起作用。 這是我的代碼:Typeahead.js不會返回任何東西

<head> 
<script src="resources/jquery-1.12.4.js"></script> 
<script src="resources/typeahead.bundle.js"></script> 
</head> 

<body> 
<input id="search" type="text" placeholder="blabla"> 

<script> 
var search = new Bloodhound({ 
    datumTokenizer: Bloodhound.tokenizers.obj.whitespace('value'), 
    queryTokenizer: Bloodhound.tokenizers.whitespace, 
    remote: { 
    url: 'search.php/?key=%QUERY', 
    wildcard: '%QUERY' 
    } 
}); 

$('#search').typeahead(null, { 
    name: 'typehead', 
    display: 'value', 
    minLength: 3, 
    highlight: true, 
    source: search 
}); 
</script> 
</body> 

所有我在我的search.php現在(用於測試目的)是:

<?php 
$key = array("display this"); 
echo json_encode($key); 
?> 

有什麼建議?

回答

0

好吧,所以把$ key轉換成數組,解決了這個問題,現在「顯示這個」被傳回給腳本(根據螢火蟲)。問題是現在下拉不顯示。我不想僅僅爲此提出一個新問題,希望有人能夠在這裏啓發我下拉的問題。 :)