javascript - AJAX 页面重新加载

Question

我有一个具有搜索功能的应用程序。索引页显示数据库中的所有项目。此外，当我搜索我的产品时，它可以使用 AJAX。如何将 AJAX 功能添加到我的分页中？我正在使用 Kaminari 进行分页。

          $(function() {

               $( "#name" ).autocomplete({
                    source: "shirts/autocomplete",
                    autoFocus: false,
                    minLength: 1,
                    select: function(event,ui){
                document.getElementById("name").value = ui.item.value;

                  $.ajax({
                url:"shirts/show?name="+ui.item.value,
                type:"GET",
             });    
            }
          });
          });

Answer 1

只需添加到您的分页链接 remote: true 或使用 javascript 处理它，然后在您的 Controller 中:

if request.xhr?
  render json: @products # ajax request
else
  render layout: true # standard layout
end

您必须在您的 javascript 中捕获 'ajax:success' 并附加收到的产品。