質問編集履歴

1

やったこと

2020/08/06 07:33

投稿

atage517
atage517

スコア36

test CHANGED
File without changes
test CHANGED
@@ -41,3 +41,81 @@
41
41
  ```
42
42
 
43
43
  自分のコードではhtml に remote: true と書くだけでも非同期通信はできるのですがこれはローカルだからでしょうか?本番環境で実行しようとするとうまくいかないのでしょうか? ajax での非同期通信については昨日知ったばかりなので詳しいことはまだわかりませんが remote: true とだけ書くことで実行可能なのでしょうか?
44
+
45
+
46
+
47
+ ### やったこと
48
+
49
+ ```ここに言語を入力
50
+
51
+
52
+
53
+ posts#show
54
+
55
+
56
+
57
+    <div id="likes_buttons_<%= @post.id %>">
58
+
59
+ <i class="fas fa-bookmark"></i>
60
+
61
+ <%= render partial: 'likes/like', locals: { post: @post, likes: @likes} %>
62
+
63
+ </div>
64
+
65
+ ```
66
+
67
+ ```ここに言語を入力
68
+
69
+ _like.html.erb
70
+
71
+
72
+
73
+ <% if @post.user_id != @current_user.id %>
74
+
75
+ <% if Like.find_by(user_id: @current_user.id, post_id: @post.id)%>
76
+
77
+ <%= link_to("/likes/#{@post.id}/destroy", method: "post", remote: true) do %>
78
+
79
+ <i class="fas fa-bookmark unclip"></i>
80
+
81
+ <% end %>
82
+
83
+ <% else %>
84
+
85
+ <%= link_to("/likes/#{@post.id}/create", method: "post", remote: true ) do %>
86
+
87
+ <i class="fas fa-bookmark"></i>
88
+
89
+ <% end %>
90
+
91
+ <% end %>
92
+
93
+ <%= Like.where(post_id: @post.id).count %>
94
+
95
+ 回答: <%= Answer.where(post_id: @post.id).count %>件
96
+
97
+ <% else %>
98
+
99
+ <i class="fas fa-bookmark"></i>
100
+
101
+ <%= Like.where(post_id: @post.id).count %>
102
+
103
+ 回答: <%= Answer.where(post_id: @post.id).count %>件
104
+
105
+ <% end %>
106
+
107
+
108
+
109
+ ```
110
+
111
+ ```ここに言語を入力
112
+
113
+ create.js.erb
114
+
115
+
116
+
117
+ $('#likes_buttons_<%= @post.id %>').html("<%= j(render partial: 'likes/like', locals: {post: @post}) %>");
118
+
119
+ ```
120
+
121
+ [参考にしたサイト](https://qiita.com/shiro-kuro/items/f017dce3d199f06d1dcd)