<%= button_to "执行操作", some_path, remote: true, class: "btn btn-primary" %>

<button id="ajax-button" class="btn btn-primary">执行操作</button>

$(document).on('click', '#ajax-button', function() {
  $.ajax({
    url: '/some_path',
    type: 'POST', // 或 'GET'
    dataType: 'script', // 或 'json'
    data: { param1: 'value1', param2: 'value2' },
    success: function(response) {
      // 处理成功响应
      console.log('操作成功', response);
    },
    error: function(xhr, status, error) {
      // 处理错误
      console.error('操作失败', error);
    }
  });
});

<%= link_to "执行操作", some_path, remote: true, class: "btn btn-primary", data: { disable_with: "处理中..." } %>

def some_action
  # 处理逻辑...
  
  respond_to do |format|
    format.html { redirect_to some_path } # 普通请求
    format.js   # 会渲染 some_action.js.erb
    format.json { render json: @result } # 返回JSON
  end
end

// 更新DOM元素
$('#result-container').html('<%= j render partial: "results", locals: { data: @data } %>');

// 显示通知
$('#notice').text('<%= j flash[:notice] %>').show().delay(3000).fadeOut();

// 禁用按钮
$('#ajax-button').prop('disabled', true);

// 使用Turbolinks时的事件绑定方式
$(document).on('turbolinks:load', function() {
  $('#ajax-button').on('click', function() {
    // Ajax代码
  });
});

$.ajaxSetup({
  headers: {
    'X-CSRF-Token': $('meta[name="csrf-token"]').attr('content')
  }
});

def some_action
  @data = Model.some_query
  
  respond_to do |format|
    format.json { render json: @data }
  end
end

$.ajax({
  url: '/some_path.json',
  type: 'GET',
  dataType: 'json',
  success: function(data) {
    // 使用返回的JSON数据
    console.log(data);
  }
});

$('#ajax-button').on('click', function() {
  var $button = $(this);
  $button.prop('disabled', true);
  $button.html('<i class="fa fa-spinner fa-spin"></i> 处理中...');
  
  $.ajax({
    // ...其他参数
    complete: function() {
      $button.prop('disabled', false);
      $button.text('执行操作');
    }
  });
});

<%= form_with(model: @model, remote: true) do |f| %>
  <%= f.text_field :name %>
  <%= f.submit "提交", data: { disable_with: "提交中..." } %>
<% end %>

$(window).on('scroll', function() {
  if ($(window).scrollTop() > $(document).height() - $(window).height() - 100) {
    if (!loading) {
      loading = true;
      $.get('/items?page=' + nextPage, function(data) {
        $('#items-container').append(data);
        nextPage++;
        loading = false;
      });
    }
  }
});