如何通过jquery将输入类型的值发布到另一个php页面？

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<form id="myForm">
  <input type="text" id="inputValue">
  <button type="submit">提交</button>
</form>

$(document).ready(function() {
  $('#myForm').submit(function(event) {
    event.preventDefault(); // 阻止表单默认提交行为

    var inputValue = $('#inputValue').val(); // 获取输入框的值

    $.ajax({
      url: 'another_php_page.php', // 另一个PHP页面的URL
      method: 'POST', // 使用POST方法发送数据
      data: { value: inputValue }, // 发送的数据，以键值对形式传递
      success: function(response) {
        // 请求成功后的处理代码
        console.log(response);
      },
      error: function(xhr, status, error) {
        // 请求失败后的处理代码
        console.log(error);
      }
    });
  });
});

<?php
$value = $_POST['value'];
echo "接收到的值为：" . $value;
?>