ajaxリクエストを控えめなjavascriptに変換するには？

Question

私は、Ajaxコードを持っています。しかし、私はアクションにソートパラメータを渡すことが可能であるか見当がつかない

この

select#books_order data-remote="true" data-url="/books/#{@book.id}" data-method="get" 
    option value='desc' Descending 
    option value='asc' Ascending 

のようなものに解釈できる

$('select#books_order').on('change', function() { 
    $.ajax({ 
    url: "/books/#{@book.id}", 
    type: 'GET', 
    dataType: 'script', 
    data: { 
    sort: $('#books_order option:selected').val() 
    } 
    }); 
}); 

。最初の例では、選択されたオプションを取得するためにJQueryを使用していますが、2番目の例ではパラメータなしでリクエストが送信されます。

Answer 1

data-urlにURLパラメータを追加できます。

select#books_order data-remote="true" data-url="/books/#{@book.id}?sort=desc" data-method="get" 

また、隠しフォームを作成して変更依頼すると、フォーム/アクションをujs経由でsortパラメータとともに送信できます。

JS：あなたのビュー/フォームで

$('#books_order').on("change blur", function() { 
    // Submit form 
    $(this).trigger('submit.rails'); 
}); 

：

あなたのコントローラで

<%= form_tag book_path(@book) do %> 
    <%= select_tag :sort, options_for_select([['Descending', 'desc'], ['Ascending', 'asc']]) 
<% end %> 

：

params[:sort]