修改一个promise返回的数据？

【问题标题】：Modify the data returned by a promise?修改一个promise返回的数据？
【发布时间】：2024-01-21 12:41:01
【问题描述】：

我目前正在使用这个插件进行标签输入'bootstrap-tagsinput'

我正在尝试使用此插件提供的预输入功能。 typeahead 中的源属性期望返回一个承诺。但我需要修改返回的数据。我该怎么做？

$('input').tagsinput({
  typeahead: {                  
    source: function(query) {
      return $.get('/tags.json').then(function(data){
          return _.pluck(data.tags,'keyword');
       });
    }
  }
});

【问题讨论】：

为什么不创建自己的 Deferred 对象，在从 ajax 获取数据并修改后解析它？

标签： javascript jquery twitter-bootstrap bootstrap-tags-input

【解决方案1】：

试试

var list = ["Amsterdam", "Beijing", "Cairo"];
var citynames = new Bloodhound({
    datumTokenizer: Bloodhound.tokenizers.obj.whitespace('name'),
    queryTokenizer: Bloodhound.tokenizers.whitespace,
    prefetch: {
        url: '/tags.json',
        filter: function (res) {
            // modify returned data here ,
            // e.g., `res` : `["abc"]`
            return $.map(res[0].split(""), function (val, i) {
                return {
                    name: val.toUpperCase() === list[i][0] ? list[i] : null
                };
            });
        }
    }
});
citynames.initialize();

$('input.bootstrap-tagsinput').tagsinput({
    typeaheadjs: {
        name: 'citynames',
        displayKey: 'name',
        valueKey: 'name',
        source: citynames.ttAdapter()
    }
});

jsfiddle http://jsfiddle.net/guest271314/dbfx1tso/

见Bootstrap Tags Input Typeahead

【讨论】：