使用 Rails 通过 AJAX 进行排序

Question

我正在尝试更新 Ajax 的想法列表并不断获取未知格式。我有这张桌子：

我正在尝试根据过滤器进行排序。我的家庭控制器中有这个：

  def sortable
    type = params[:type]
    case type
      when "Recent"
        @my_ideas = @my_ideas.ideas.sort_by(&:created_at)
      when "Less Price"
        @my_ideas = @my_ideas.ideas.order('price asc')
      when "Higher Price"
        @my_ideas = @my_ideas.ideas.order('price desc')
    end
  end

在js文件中：

$('#filter_content p').on('click',function(){
    $('#filter_content').animate({
        height: 0
    }).addClass('open');
    $('#ideas .item').fadeOut().fadeIn();
    var type = $(this).text();
        $.ajax({
            url: 'home/sortable',
            type: 'GET',
            data: type,
            format: 'js'
        })
})

我最初有一个 response_to do |format| format.js 在我的可排序方法中，但没有用。有人有任何提示吗？

Answer 1

发出 JavaScript 请求的 jQuery.ajax 选项是 dataType: 'script'，而不是 format: 'js'。

http://api.jquery.com/jquery.ajax/

在 Rails 中使用 JavaScript 作为响应类型，您必须有一个响应 JS 的操作（没有 respond_to 块，我相信默认情况下会这样做）并且您必须有一个 JavaScript 响应文件（又名 app/views/home/sortable.js.erb )。

响应 sortable.js.erb 将被发送到浏览器而不是新页面。

你的动作看起来不错，正在排序。但是现在，我们需要在sortable.js 中编写代码，将新的 HTML 插入到网页的元素中。

例如（假设元素 id-ed #ideas 和部分 app/views/ideas/_idea.html.erb）：

# app/views/home/sortable.js.erb
$('#ideas').html('<%= j render @my_ideas %>')

上面的代码将渲染集合，使用每个idea的部分到浏览器接收的JS代码中。

这样，Ajax请求出去了，JS回来了，页面没有重新加载。

否则，正如其他人所指出的，不要使用 AJAX，只需将您的下拉菜单变成指向同一页面的链接。

Answer 2

您应该在您的 URL 上添加 .js，以便您的响应被处理为 JS，而不是纯文本。

$.ajax({
  url: 'home/sortable.js',
  type: 'GET',
  data: type,
  dataType: 'js'
})