Как предварительно обрабатывать результаты typeahead.js json перед тем, как перейти к шаблонам (hogan.js)?

Question

typeahead.js работает хорошо, когда результаты возвращаются будет массив:

var simpleCountriesList = [ 
    "Andorra", 
    "United Arab Emirates", 
    "Afghanistan", 
    "Antigua and Barbuda" 
    ]; 

В моем случае, есть массив объектов, но он обернут в объекте, как это:

var countryObjectsWrappedInResults = { 
    "results":[ 
     { 
     "name":"Andorra" 
     }, 
     { 
     "name":"United Arab Emirates" 
     }, 
     { 
     "name":"Afghanistan" 
     }, 
     { 
     "name":"Antigua and Barbuda" 
     } 
    ] 
}; 

или

{ 
    "maintainers":[ 
     { 
     "name":"Jake Harding", 
     "url":"https://twitter.com/JakeHarding" 
     }, 
     { 
     "name":"Tim Trueman", 
     "url":"https://twitter.com/timtrueman" 
     }, 
     { 
     "name":"Veljko Skarich", 
     "url":"https://twitter.com/vskarich" 
     } 
    ] 
} 

Я создал небольшую jsbin, чтобы проиллюстрировать эту проблему как с локальным и удаленным: http://jsbin.com/OseWeKA/5/edit

Я переношусь из bootstrap typeahead, где я смог использовать updater, чтобы вытащить массив из результатов. Что эквивалентно для twitter.js?

Answer 1

Добавить 'фильтр:' в ваш удаленный набор данных. Что-то вроде:

remote: { 
    url: '...', 
    filter: function (response) { 
     retval = []; 
     for (var i = 0; i < response.maintainers.length; i++) { 
      retval.push(response.maintainers[i].name); 
     } 
     return retval; 
    }, 
} 

filter превращает ваш удаленный ответ на массив датумов.

Независимо от того, что ваша скрипка не работает, потому что ваш сервер не поддерживает JSONP, где, как вы четко указываете dataType: "jsonp". Ваш сервер также возвращает text/plain как Content-Type, где как должно возвращать скрипт. Я полагаю, что в вашей «живой» системе нет реальных проблем.

Answer 2

Я предлагаю взломать это.

var newCountrylist = []; 
$.each(countryObjectsWrappedInResults.results , function(k , v){ 
    newCountrylist.push(v.name); 
    });