使用AJAX删除rails项目

Question

Cant delete item with 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>

My task controller

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

Item delete with error, don't hide...

Answer 1

You should change this in your tasks controller

respond_to do |format|
 format.js 
end 

instead of render json: @task