如何从html调用控制器函数？

<button onclick="myControllerFunction()">点击调用控制器函数</button>

function myControllerFunction() {
  // 调用控制器函数的逻辑
}

<form action="/myControllerFunction" method="POST">
  <!-- 表单内容 -->
  <input type="submit" value="提交调用控制器函数">
</form>

<button id="callControllerButton">点击调用控制器函数</button>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
  $(document).ready(function() {
    $('#callControllerButton').click(function() {
      $.ajax({
        url: '/myControllerFunction',
        method: 'POST',
        success: function(response) {
          // 控制器函数调用成功后的处理逻辑
        },
        error: function(xhr, status, error) {
          // 控制器函数调用失败后的处理逻辑
        }
      });
    });
  });
</script>