typeahead.js remote ничего не возвращает

Question

Я не могу получить удаленной функции typeahead.js. Я отправляю код для запуска:

$(document).ready(function() { 
    var locations = new Bloodhound({ 
     datumTokenizer: Bloodhound.tokenizers.obj.whitespace('value'), 
     queryTokenizer: Bloodhound.tokenizers.whitespace, 
     remote: baseUrl + 'restaurants/fetchZIP/%QUERY' 
    }); 

    $('#location').typeahead({ 
     hint: true, 
     highlight: true, 
     minLength: 1, 
     source: locations.ttAdapter() 
    }); 
    /*$('#location').keyup(function() { 
     $.ajax({ 
      method: 'POST', 
      dataType: 'json', 
      url: baseUrl + 'restaurants/fetchZIP/', 
      data: $('#add_restaurant').serialize(), 
      success: function(data) { 
       console.log(data); 
      } 
     }); 
    });*/ 
}); 

Это файл, в котором я делаю пульт вещь Bloodhound и я использую машинописный на нужное поле ввода. Прокомментированный раздел был тестом, чтобы убедиться, что инструкция БД не была ошибочной. Я должен был переписать следующий код немного, чтобы сделать тест, но это в основном просто переход от GET к POST:

public function fetchZIP($query) 
{ 
    $cantons = DataLoc::find(array('zip LIKE' => '%'.$query)); 
    echo json_encode($cantons); 
} 

Это действие для этой страницы «рестораны/fetchZIP /» (это написано в CodeIgniter). Итак, я не знаю, что происходит, потому что я не могу console.log() в функции typeahead(), поэтому я надеюсь, что кто-нибудь сможет привести меня к правильному пути.

Answer 1

Во-первых, вы должны использовать инициализацию ищейки на locations.initialize() сразу после ее определения.

Это как машинописный инициализируются

машинописных (варианты, [* наборы данных])

Вы включены источник (или наборы данных) в опции так попробовать что-то вроде этого

$('#location').typeahead({ 
    hint: true, 
    highlight: true, 
    minLength: 1 
},{ 
    source: locations.ttAdapter() 
}); 

Надеюсь, это поможет.