typeahead.js - 为 typeahead.js 远程选项的 ajax 调用添加额外数据

Question

我想问一下如何为remote选项进行的 AJAX 调用添加额外的参数。我有以下简单的表格来搜索资格（在 Coffeescript 中）：

$('#search_qualification').typeahead
  name:  'qualification'
  limit: 50
  remote:
    url: "/search/qualification?term=%QUERY"

我想通过 AJAX 调用发送另一个参数，也就是说state，通常使用 jQuery AJAX 调用，我会这样做：

$.ajax
  url: "/search/qualification"
  dataType: "json"
  data:
    term: request.term
    state: $("#state").val()

我完全无法将它用于 typeahead.js，有人可以帮我吗？非常感谢

Answer 1

使用replace选项：

$('#search_qualification').typeahead({
  name:  'qualification'
  limit: 50
  remote: {
    url: '/search/qualification?term=%QUERY&state=%STATE'
    replace: function(url, query) {
      var state = encodeURIComponent($('#state').val());

      return url.replace('%QUERY', query).replace('%STATE', state);
    }
  }
});