【问题标题】:Autocomplete jquery not matching my json自动完成 jquery 与我的 json 不匹配
【发布时间】:2015-02-04 23:26:28
【问题描述】:

我正在使用带有 rails 的 jquery-ui 自动完成功能,但它不能正常工作。它不会匹配我在搜索中放置的结果,但它会显示所有 json 结果(没有过滤器)。

在我的路线中

get '/autocomplete-photos', to: 'photos#autocomplete'

在我的控制器中

  def autocomplete
      @photos = Photo.all
      respond_to do |format|
      format.json { render json: @photos.as_json(only: [:title, :user, :description], methods: [:avatar_url, :user, :photo_url] )}
    end
  end

在我看来

 <%= search_form_for @spot_search, url: search_path do |f| %>
        <%= f.text_field :title_cont, id: "auto-search", :size => 15, :placeholder => "Encuentra spots..." %>
        <button type="submit" class="collapsebutton searchbutton">
        <i class="icon-magnifier"></i></button>
        <% end %>
        </div>
      </div>

      <script>
      $(document).ready(function(){
        $("#auto-search").autocomplete({
          source: "autocomplete-photos.json",
          minLength: 2,
          select: function(event, ui) {
             $('#auto-search').val(ui.item.photo.title);
          }
        }).data( "ui-autocomplete" )._renderItem = function( ul, item ) {
              var inner_html = '<a href="' + item + '"><div class="list_item_container"><div class="image"><img class="avatar_small" src="' + item.photo_url + '"></div><div class="label">' + item.title + '</div><div class="description">' + item.description + '</div></div></a>';
              return $( "<li></li>" )
                  .data( "item.autocomplete", item )
                  .append(inner_html)
                  .appendTo( ul );
          };
      });
      </script>

基本上它的工作,但我没有得到你在搜索中的结果,但我得到了所有的 JSON。我错过了什么?

谢谢!

【问题讨论】:

  • 你是在向你的控制器传递一个值,还是一个空字符串? (给你所有的结果,而不是过滤的结果)

标签: javascript jquery ruby-on-rails json jquery-ui-autocomplete


【解决方案1】:

好的,我通过在控制器中传递术语参数来修复它。

  def autocomplete
      if params[:term]
        @photos = Photo.find(:all,:conditions => ['title LIKE ?', "#{params[:term]}%"])
      else
        @photos = Photo.all
      end
      respond_to do |format|
      format.json { render json: @photos.as_json(only: [:title, :user, :description], methods: [:avatar_url, :user, :photo_url] )}
    end
  end

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2013-01-06
    • 1970-01-01
    • 2011-06-23
    • 2012-02-11
    • 2013-04-24
    • 2016-05-29
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多