Bootstrap搜索建议作为用户类型

时间:2017-03-21 03:49:03

标签: html ajax twitter-bootstrap

我正在使用Spotify API的搜索端点向用户提供他在键入时所寻找的艺术家的建议。例如:他在搜索框中键入“em”,我想从Spotify请求中获取“em”的第一个条目匹配,然后在搜索框中打印其余部分,使用轻量级字体。在这种情况下,当输入“em”时,我希望它在搜索框中显示“eminem”。

到目前为止我的代码:

$( "#name" ).keyup(makeAjaxRequest);

function makeAjaxRequest() {
  if($('input#name').val().length > 2) {
    $.ajax({
      url: 'https://api.spotify.com/v1/search',
      data: {q: $('input#name').val()},
      type: 'get',
      success: function(response) {
        $('table#resultTable tbody').html(response);
      }
    });
  }
}

我正在使用的JSON示例: https://api.spotify.com/v1/search?q=em*&type=artist 非常感谢你!

1 个答案:

答案 0 :(得分:0)

我认为实现这一目标的最简单方法是Autocomplete plugin