douna2633 2019-06-05 05:08
浏览 73
已采纳

如何从ajax数据创建jquery数组?

I wanna create array from ajax response. I took array from ajax and i have to create dynamic data for chips materializecss autocomplete

response from ajax

var tag = '';
$(document).on('keyup', '.tags', function() {

    var _this = $(this).val();

    if(_this.length > 1) {

        $.ajax({
            url: '/story/searchTags',
            type: 'POST',
            dataType: 'JSON',
            data: {
                tag: _this
            },
            success: function(tags) {
                tag = tags;
            }
        });

    }

});

$('.chips-placeholder').chips({
    placeholder: lang_('Your tag'),
    secondaryPlaceholder: '+ tag',
    autocompleteOptions: {
        // I need data like this from response
        data: {
           'Google', null
           'Googol', null
        },
        limit: 5,
        minLength: 2
    }
});
<div class="chips chips-placeholder chips-autocomplete input-field" style="background:#fff">
   <input class="input tags" placeholder="tag" autocomplete="off" />
</div>

that's my code

Finally, thanks to @Vel to find right answer. jsfiddle - work code

  • 写回答

1条回答 默认 最新

  • duanna2026 2019-06-05 05:47
    关注

    You need to do like this.

    var tag = '';
    $(document).on('keyup', '.tags', function() {
    
        var _this = $(this).val();
    
        if(_this.length > 1) {
    
        /*$.ajax({
            url: '/story/searchTags',
            type: 'POST',
            dataType: 'JSON',
            data: {
            tag: _this
            },
            success: function(tags) {
            tag = tags;
            }
        });*/
    
        // ['google', 'googol'] <- this array I take from ajax
        tag = ['google', 'googol'];
        var obj = {};       
    
        $(tag).each(function (index, value) {       
            obj[value] = null;          
        });
    
        $('.chips').chips({
          secondaryPlaceholder: '+ tag',
          autocompleteOptions: {              
          data:obj,
          }
          });
        }
    
    });
    

    fiddle link

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥50 来个抓app跳转支付宝转链接的
  • ¥15 remotes安装提示没有description文件
  • ¥15 AttributeError: 'NoneType' object has no attribute 'drop_duplicates'报错
  • ¥15 以下代码,运行结果报错
  • ¥15 Vivado仿真数据出错
  • ¥15 银河麒麟不支持vant等前端框架怎么办?
  • ¥15 vue3的子组件在父页面调用不显示不生效问题
  • ¥15 cadence PEX
  • ¥15 phython创建了文件 显示在项目下面,但运行不了,运行时还是运行main文件,并且说main文件不允许并行运行
  • ¥15 FutureWarning:不推荐使用空或全 NA 条目的 DataFrame 串联行为。怎么改呢?