js.erb에서 쉽게 비동기 통신 이미지 삭제

소개



FontAweSome에서 삭제 아이콘 도입

qiita.rb

<head>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>

xxx.html.erb
  <i class="fa fa-trash-o fa-lg" aria-hidden="true"></i>



Destroy 예



photos_controller.rb
  def destroy
    @photo = Photo.find(params[:id])
    room = @photo.room

    @photo.destroy
    @photos = Photo.where(room_id: room.id)

    respond_to :js

respond_to :js 파일



photos/destroy.js.erb
$('#photos').html("<%= j render 'photos_list' %>")

좋은 웹페이지 즐겨찾기