如何使用HTML，JavaScript和Laravel插入两个动作？

<button id="actionButton">执行动作</button>

document.getElementById("actionButton").addEventListener("click", function() {
  // 执行第一个动作
  action1();

  // 执行第二个动作
  action2();
});

class ActionController extends Controller
{
    public function action1()
    {
        // 第一个动作的逻辑处理
    }

    public function action2()
    {
        // 第二个动作的逻辑处理
    }
}

function action1() {
  // 发送AJAX请求到Laravel后端，调用action1方法
  $.ajax({
    url: "/action1",
    method: "GET",
    success: function(response) {
      // 处理成功响应
    },
    error: function(xhr, status, error) {
      // 处理错误响应
    }
  });
}

function action2() {
  // 发送AJAX请求到Laravel后端，调用action2方法
  $.ajax({
    url: "/action2",
    method: "GET",
    success: function(response) {
      // 处理成功响应
    },
    error: function(xhr, status, error) {
      // 处理错误响应
    }
  });
}