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

我认为这是因为大写字母。我有类似的问题，我稍微改变了代码。首先，我根据此问题answer更改了"name LIKE ?" "name ILIKE ?"。其次，我从这个

更改了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);
}

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

2 个答案: