jquery - 限制 ajax 自动完成结果

Question

如果数据不是本地的，如何限制搜索结果的数量。我知道本地数据可以很容易地受到限制，如下所示。

source: function(request, response) {
    var results = $.ui.autocomplete.filter(myarray, request.term);

    response(results.slice(0, 10));`

当我从外部获取数据时，这不太有效。下面是我的代码。

 $(function() {
  $("#search").autocomplete({
    source: "/accounts/ajax/search/",
    minLength: 2,
    select: function(event, ui ){
        window.open(ui.item.url,'_self')},
    open: function(event, ui) {
        $('.ui-autocomplete').append("<li><a class = \" text-primary\" href='javascript:document.getElementById(\"search_form\").submit();'> See All Result </a></li>");
         },
  });
});

Answer 1

您可以替换 value for source with a function然后手动进行ajax请求和结果处理:

$(function() {
  $("#search").autocomplete({
    source: function(request, response) {
      $.get("/accounts/ajax/search?term=" + request.term, function(data) {
        //limit results here
        response(data.slice(0, 10));
      });
    },
    ...
  });
});