无法显示与工作对我来说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'); 
},