Как отображать удаленные результаты с помощью Twitter Typeahead?

Я хочу использовать Twitter Typeahead с удаленным источником данных db. Мне удалось получить результаты из моего файла .php с помощью

вернуть json_encode ($ результаты);

Форматируются так:

["chrome","test01","test02","wddwde"].

Но я не знаю, как заставить их показывать в качестве предложений?

Для сравнения я добавил предварительно выбранную 'countries_bloodhound', а также интеграционную часть этой переменной, и все работает нормально. Мне нужна помощь с «users_bloodhound» и его интеграцией.


var users_bloodhound = new Bloodhound({
    datumTokenizer: Bloodhound.tokenizers.obj.whitespace('name'),
    queryTokenizer: Bloodhound.tokenizers.whitespace,
    //name: 'users',
    remote: {url:'./search.php?query=%QUERY',
    wildcard: 'QUERY',
    transform: function(response) {
          // Map the remote source JSON array to a JavaScript object array
          return $.map(response.results, function(user) {
            return {
                name: user
            };
          }
      );}
      },
    limit: 10
});

var countries_bloodhound = new Bloodhound({
    datumTokenizer: Bloodhound.tokenizers.obj.whitespace('name'),
    queryTokenizer: Bloodhound.tokenizers.whitespace,
    prefetch: {
        url: 'https://cdn.rawgit.com/twitter/typeahead.js/gh-pages/data/countries.json',
        filter: function (countries) {
            return $.map(countries, function (country) {
                return {
                    name: country
                };
            });
        }
    }
});


countries.initialize();
users_bloodhound.initialize();



$('#bloodhound .typeahead').typeahead({
  highlight: true
}, {
    name: 'users',
    displayKey: 'name',
    source: users_bloodhound.ttAdapter(),
    templates: {
        header: '<h4 class="search-name"><small>Users</small></h4>'
      }},{
        name: 'countries',
          displayKey: 'name',
          source: countries_bloodhound.ttAdapter(),
        templates: {
            header: '<h4 class="search-name"><small>Countries</small></h4>'
          }
});

person user3254780    schedule 20.05.2016    source источник


Ответы (1)


Код правильный. У меня были некоторые проблемы с моим файлом .php, потому что я возвращал результаты, а не повторял их.

person user3254780    schedule 27.05.2016