如何使用jquery、javascript、ajax将模态信息发布到api

<!-- HTML模态框 -->
<div id="myModal" class="modal">
  <div class="modal-content">
    <form id="myForm">
      <input type="text" id="title" placeholder="标题">
      <textarea id="content" placeholder="内容"></textarea>
      <button type="submit">发布</button>
    </form>
  </div>
</div>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
  $(document).ready(function() {
    // 监听表单提交事件
    $('#myForm').submit(function(e) {
      e.preventDefault(); // 阻止表单默认提交行为

      // 获取表单数据
      var title = $('#title').val();
      var content = $('#content').val();

      // 创建JavaScript对象
      var data = {
        title: title,
        content: content
      };

      // 发送Ajax请求
      $.ajax({
        url: 'API的URL',
        type: 'POST',
        data: JSON.stringify(data),
        contentType: 'application/json',
        success: function(response) {
          // 请求成功处理
          console.log('发布成功');
        },
        error: function(xhr, status, error) {
          // 请求失败处理
          console.log('发布失败');
        }
      });
    });
  });
</script>