2016-09-09 5 views
1

にクエリを送信していない:typeahead.js - 私はソースからtypeahead.js持っている「リモート」の場所

https://github.com/twitter/typeahead.js

次の例では、データベースを照会するためのサーバサイドスクリプトに要求を発生しません。

HTML:

<input id="doc" class="typeahead" type="text" placeholder="search here"> 

JS

$('#doc').typeahead({ 
    name: 'doc-search', 
    minLength: 3, 
    limit: 10, 
    remote: '/Search&doc_no=%QUERY' 
}); 

開発者コンソールで/Searchに電話がかかっていません。

+0

typeahead.jsプロジェクトに興味がある人は、サポートに関してかなり死んでいます:https://github.com/twitter/typeahead.js/issues/1562 –

答えて

2

.typeaheadremoteの定義が含まれていないため、Bloodhoundを使用してデータをリモートでフェッチする必要があります。

ここでは、データをリモートからフェッチする方法の例を示します。

var docs = new Bloodhound({ 
    datumTokenizer: Bloodhound.tokenizers.obj.whitespace('YourColumnName'), 
    queryTokenizer: Bloodhound.tokenizers.whitespace, 
    remote: { 
    remote: '/Search&doc_no=%QUERY', 
    wildcard: '%QUERY' 
    } 
}); 

$('#doc').typeahead(null, { 
    name: 'documents', 
    display: 'value', 
    source: docs 
}); 

あなたはexamplesページのRemoteセクションを参照してくださいすることができます。

+0

ありがとう、デベロッパーツールやサーバーログに '/ Search'へのリクエストを表示する –

+1

@ Dr.Avalancheはアップデートをご覧ください。リモートデータを取得するには、 'Bolodhound'を使う必要があります。 – Mairaj

+0

'remote: '/ Search&doc_no =%QUERY''の最後にカンマが足りませんが、うまくいきます。 –

関連する問題