Question

我正在尝试使用Twitter类型，但我遇到了问题。我不知道typeahead如何将字符串传递给服务器。是通过GET参数吗？如果是这样，参数的名称是什么？

Answer 1

通过GET参数最简单，您可以选择所需的任何参数。

在JS中：

$('#search').typeahead({
    name: 'Search',
    remote: '/search.php?query=%QUERY' // you can change anything but %QUERY, it's Typeahead default for the string to pass to backend
});

在PHP（或任何后端）中：

$query = $_GET['query'];

希望你能得到基本的想法。

Answer 2

您可能想要考虑这样的事情，它是一个非常基本的远程数据源示例。此示例中的get参数是＆＃39; q＆＃39;

// Get your data source
var dataSource = new Bloodhound({
    datumTokenizer: Bloodhound.tokenizers.obj.whitespace('value'),
    queryTokenizer: Bloodhound.tokenizers.whitespace,
    remote: {
        url: 'path/to/your/url/json/datasource/?q=%QUERYSTRING',
        wildcard: '%QUERYSTRING'
    }
});

// initialize your element
var $typehead = $('#form input').typeahead(null, {
    source: dataSource
});

// fire a select event, what you want once a user has selected an item
$typehead.on('typeahead:select', function(obj, datum, name) {
    //your code here
});

////////////////////////////////////
# in python (django) we get a query string using the request object passed through a view like this
query = request.GET.get('q') or ""
//the caveat [or ""] is just to prevent null exceptions

///////////////////////////////////
# using php
$query = ($_GET['q']) ? $_GET['q'] : "";

Twitter Typeahead遥控器

2 个答案: