$(function() {
  $("#autocomplete-input").autocomplete({
    source: function(request, response) {
      $.ajax({
        url: "/search/suggestions",
        dataType: "json",
        data: {
          term: request.term
        },
        success: function(data) {
          response(data);
        }
      });
    },
    minLength: 2, // 触发搜索的最小字符数
    delay: 300    // 输入后延迟多少毫秒发起请求
  });
});

[
  {"label": "选项1", "value": "value1"},
  {"label": "选项2", "value": "value2"},
  {"label": "选项3", "value": "value3"}
]

["选项1", "选项2", "选项3"]

$("#autocomplete-input").autocomplete({
  source: "/search/suggestions",
  select: function(event, ui) {
    // ui.item.value 是实际值
    // ui.item.label 是显示文本
    console.log("Selected: " + ui.item.value);
  }
});

$("#autocomplete-input").autocomplete({
  source: "/search/suggestions",
  html: true,
  open: function(event, ui) {
    $(".ui-autocomplete").css("width", "300px");
  }
}).data("ui-autocomplete")._renderItem = function(ul, item) {
  return $("<li>")
    .append("<div>" + item.label + "<br>" + item.desc + "</div>")
    .appendTo(ul);
};

source: function(request, response) {
  $.getJSON("/search/suggestions", { term: request.term }, function(data) {
    // 处理数据格式
    var results = $.map(data.items, function(item) {
      return {
        label: item.name,
        value: item.id
      };
    });
    response(results);
  });
}

source: function(request, response) {
  $.ajax({
    url: "http://other-domain.com/suggestions",
    dataType: "jsonp",
    data: { q: request.term },
    success: function(data) {
      response(data);
    }
  });
}