如何将ajax附加到Rails中的跟随/取消跟随链接

在Rails中将ajax附加到跟随/取消跟随链接的方法是通过使用JavaScript和Rails的远程表单来实现。

首先，需要在Rails视图中创建一个链接标签，用于触发跟随/取消跟随的操作。该链接应该带有一个唯一的标识符，以便于后续的JavaScript操作。

例如：

<%= link_to '跟随', follow_path(@user), remote: true, class: 'follow-link', id: 'follow-link' %>

上面的代码创建了一个id为'follow-link'的链接，并指定了远程操作。

接下来，需要编写相应的JavaScript代码来处理点击链接的事件，并发送Ajax请求到服务器。

例如：

$(document).on('click', '.follow-link', function(e) {
  e.preventDefault(); // 阻止默认的链接行为

  var url = $(this).attr('href');
  var method = $(this).hasClass('following') ? 'DELETE' : 'POST';

  $.ajax({
    url: url,
    type: method,
    dataType: 'json',
    success: function(response) {
      // 处理成功响应
      if (response.following) {
        $('#follow-link').addClass('following').text('取消跟随');
      } else {
        $('#follow-link').removeClass('following').text('跟随');
      }
    },
    error: function(xhr, status, error) {
      // 处理错误响应
      console.log(error);
    }
  });
});

上面的代码使用jQuery来绑定点击事件，并根据链接的状态发送相应的Ajax请求。在成功响应后，根据服务器返回的结果更新链接的文本和样式。

最后，在Rails的控制器中定义相应的操作来处理Ajax请求。根据请求的类型，执行相应的操作，并返回适当的响应。

例如：

class UsersController < ApplicationController
  def follow
    @user = User.find(params[:id])
    if current_user.following?(@user)
      current_user.unfollow(@user)
      following = false
    else
      current_user.follow(@user)
      following = true
    end

    respond_to do |format|
      format.json { render json: { following: following } }
    end
  end
end

上面的代码在控制器中定义了一个follow操作，根据当前用户是否已经跟随目标用户执行相应的操作，并返回一个包含following状态的JSON响应。

综上所述，通过使用JavaScript和Rails的远程表单，可以将ajax附加到Rails中的跟随/取消跟随链接。这种方法允许用户在不刷新页面的情况下进行跟随操作，并通过Ajax请求与服务器进行通信。