如何使用twitter的typeahead.js jQuery 插件來顯示數據？

我想使用typeahead.js 插件來完成一個預輸入的效果：
已知數據的URL為"/PMIS/subproject/get_all_recordid"，URL返回的數據如下：

想要實現的效果如下：

但是一直無法顯示數據，急求解決方法，謝謝！
代碼如下：
var nflTeams = new Bloodhound({
datumTokenizer: Bloodhound.tokenizers.whitespace,
queryTokenizer: Bloodhound.tokenizers.whitespace,
prefetch: '/PMIS/subproject/get_all_recordid'
});

  function nflTeamsWithDefaults(q, sync) {
    if (q === '') {
      sync(nflTeams.get('00188', '00001', '00331'));
    }else {
      nflTeams.search(q, sync);
    }
  }
  
  $('#task_switch_recordid').typeahead({
    minLength: 0,
    highlight: true
  },
  {
    name: 'recordid',
    display: 'data',
    source: nflTeamsWithDefaults
  });