Rails 基于 AJAX 的按钮实现。

zzjkevin · 2014年03月19日 · 最后由 Justin 回复于 2014年03月27日 · 3025 次阅读

有两个表单： <%= form_for(@web ,remote: true) do |f| %> <%= f.submit "Follow", class: "btn btn-large btn-primary" %> <% end %>

<%= form_for(@web, html: { method: :delete },remote: true) do |f| %> <%= f.submit "Unfollow", class: "btn btn-large btn-primary" %> <% end %>

我是用 ajax 的方式，想实现，例如原来是 follow 的，点击完之后变成 unfollow，原来是 unfollow，点击完之后是 follow。

我的控制器里面是： respond_to do |format| format.html { redirect_to home_path } format.js end

还需要 JS 的代码怎么写？或者是我这里有没有什么不当的地方？

rociiu #1 2014年03月19日

这种方式添加一个 .js.erb 文件在里面写 js 操作可以把两个 form 放到 partial, follow 成功在 js 里面替换那个 form

zzjkevin #2 2014年03月19日

#1 楼 @rociiu ，我尝试了，写了两个局部视图文件，一个是_follow.html.erb，另一个是_unfollow.html.erb，然后我的控制器，一个方法是 create，一个是 destroy。我创建了一个 create.js.erb 的文件，里面是：$("#follow").html("<%= escape_javascript(render('naspolindex/unfollow')) %>")

其中，naspolindex 是一个控制器，里面的 show，就是放表单的。