Rails UJS:使用"'ajax:before'"防止事件传播

// HTML
<button id="myButton" data-remote="true" data-url="/my_endpoint">Click me</button>

// JavaScript
document.addEventListener('DOMContentLoaded', function() {
  var myButton = document.getElementById('myButton');
  
  myButton.addEventListener('ajax:before', function(event) {
    // 阻止事件传播
    event.preventDefault();
    
    // 执行一些前置操作
    showLoadingAnimation();
    
    // 发送Ajax请求
    Rails.ajax({
      type: 'POST',
      url: myButton.getAttribute('data-url'),
      success: function(response) {
        // 处理成功响应
        handleSuccess(response);
      },
      error: function(xhr, status, error) {
        // 处理错误响应
        handleError(xhr, status, error);
      },
      complete: function() {
        // 完成请求后执行的操作
        hideLoadingAnimation();
      }
    });
  });
});