js.erbで簡単に非同期通信画像削除
2637 ワード
はじめ
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' %>")
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
photos/destroy.js.erb
$('#photos').html("<%= j render 'photos_list' %>")
Author And Source
この問題について(js.erbで簡単に非同期通信画像削除), 我々は、より多くの情報をここで見つけました https://qiita.com/YANG_LIU/items/299e1ff3dc4182a1f668著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .