jQuery-Tokeninput不显示来自JSON结果的结果

Question

视图

= text_field_tag :food_tokens

FoodsController

def search
  @foods = Food.where("name LIKE ?" , "%#{params[:q]}%")
  respond_to do |format|
    format.json { render json: @foods.as_json(only: [:id, :name]) }
  end
end

路由

match '/search' => 'foods#search'

application.js

$(function() {
  $('#food_tokens').tokenInput('/search.json', { crossDomain: false }
});

输出来自/search.json

[{"id":"5","name":"Apple"},{"id":"6","name":"Burger"}]

当我开始在文本字段中输入'Apple‘时，我会得到“没有结果”的消息。

有什么见解吗？

Answer 1

我认为问题在于您没有正确关闭.tokenInput方法，应该如下所示：

$(function() {
  $('#food_tokens').tokenInput('/search.json', { crossDomain: false });
});

Answer 2

我想是因为大写字母。我也遇到了类似的问题，我稍微修改了代码。首先，我将"name LIKE ?"改为"name ILIKE ?"，下面是问题的answer。其次，我从下面更改了jquery.tokeninput.js的第797行

if(input_box.val().toLowerCase() === query) {
   populate_dropdown(query, settings.jsonContainer ? results[settings.jsonContainer] : results);
}

到这个

if(input_box.val() === query) {
  populate_dropdown(query, settings.jsonContainer ? results[settings.jsonContainer] : results);
}