Удалить элементы рельсов с помощью AJAX

Question

Не могу удалить элемент с помощью AJAX

My application.js

    //= require rails-ujs
    //= require activestorage
    //= require turbolinks
    //= require jquery3
    //= require jquery_ujs
    //= require_tree .

    $('[data-js-task-id]').on("ajax:success", function(event, data, status, xhr){
        var task_id = xhr.responseJSON.id;
        $('[data-js-task-id=' + task_id + ']').hide();
   });

My index.html erb

     <li data-js-task-id=<%= task.id %> class="task">
                 <%= link_to task.title, task, class: "task-title text-dark ml-2" %>
                 <%= link_to '', task, remote: true, method: :delete, class:"far fa-trash-alt text-dark icon delete", title: "Delete" %>
    </li>

Мой контроллер задач

    def destroy
         @task.destroy
         render json: @task
     end

Элемент удален с ошибкой, не скрывать ...

Answer 1

Вы должны изменить это в вашем контроллере задач

respond_to do |format|
 format.js 
end 

вместо render json: @task