無法顯示與工作對我來說typehead與Ajax調用

Question

以下EXP引導標籤輸入建議，

$('#casecustomtag').bstagsinput({ 
    typeahead: { 
     displayText: function (text) { 
      return text; 
     }, 
     source: function (query, response) { 
      return ['Business and industry', 'Economics and finance', 'Education and skills', 'Employment, jobs and careers', 'Environment', 'Government, politics and public administration', 'Health, well-being and care', 'Housing', 'Information and communication', 'International affairs and defence', 'Leisure and culture', 'Life inthe community', 'People and organisations', 'Public order, justice and rights', 'Science, technology and innovation', 'Transport and infrastructure'] 
     }, 
     minLength: 2 
    }, 
    addOnBlur: true, 
    freeInput: true, 
    confirmKeys: [13], 
    splitOn: null, 
    writerWidth: 'auto' 
}); 

但是，當我嘗試了Ajax調用我無法看到的建議。不過，我的服務器得到了正確的迴應

$('#casecustomtag').bstagsinput({ 
    typeahead: { 
     displayText: function (text) { 
      return text; 
     }, 
     source: function (query, response) { 
      return $.get('/ajax/customtags/gettags', { 
       search: query, 
       userId: 1 
      }, function (data) { 
       console.log(data); 
       response = $.map(data.data, function (item) { 
        console.log(item.text); 
        return item.text;       
       }); 
       return response; 
      }, 'json'); 
     }, 
     minLength: 2 
    }, 
    addOnBlur: true, 
    freeInput: true, 
    confirmKeys: [13], 
    splitOn: null, 
    writerWidth: 'auto' 
); 

我使用引導3，供大家參考我剛剛改名tagsinput到bstagsinput爲IIT已與其他jQuery插件衝突。

請大家幫助我如何通過ajax動態顯示建議？ （我浪費了整天搜索解決方案，但對我沒有用處

Answer 1

浪費了一和整天&代碼調試後，我找到了解決辦法。

source: function (query, process) { 
        return $.get('/ajax/customtags/gettags', { search: query, userId: 1 }, 
         function (data) {}); 
       }, 

我已經注意到需要通過插件不能做到的回調部分是手柄我自己在插件的現有代碼下面找到。

source: function (query, process) { 
         function processItems(items) { 
          var texts = []; 
          for (var i = 0; i < items.length; i++) { 
           var text = self.options.itemText(items[i]); 
           map[text] = items[i]; 
           texts.push(text); 
          } 
          process(texts); 
         } 

         this.map = {}; 
         var map = this.map, 
          data = typeahead.source(query); 

         if ($.isFunction(data.success)) { 
          // support for Angular callbacks 
          data.success(processItems); 
         } else if ($.isFunction(data.then)) { 
          // support for Angular promises 
          data.then(processItems); 
         } else { 
          // support for functions and jquery promises 
          $.when(data) 
          .then(processItems); 
         } 
        }, 

Answer 2

從內存中，響應參數是一個函數，你需要調用返回的數據但你重載它，你應該調用response函數Ajax調用的成功回調。

source: function (query, response) { 
    return $.get('/ajax/customtags/gettags', { 
     search: query, 
     userId: 1 
     }, function (data) { 
      console.log(data); 
      var result = $.map(data.data, function (item) { 
        console.log(item.text); 
        item.text        
      }); 
      response(result); 
    }, 'json'); 
},