使用ajax方法实现form表单的提交

<!-- 引入jQuery库 -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<!-- 创建表单 -->
<form id="myForm">
  <input type="text" name="username" placeholder="用户名">
  <input type="password" name="password" placeholder="密码">
  <button type="submit">提交</button>
</form>

<script>
  // 监听表单的提交事件
  $('#myForm').submit(function(event) {
    // 阻止默认的表单提交行为
    event.preventDefault();
    
    // 获取表单数据
    var formData = $(this).serialize();
    
    // 发送Ajax请求
    $.ajax({
      url: '服务器URL',
      type: 'POST',
      data: formData,
      dataType: 'json',
      success: function(response) {
        // 处理服务器返回的响应
        console.log(response);
        // 可以根据需要更新页面内容或执行其他操作
      },
      error: function(xhr, status, error) {
        // 处理请求错误
        console.log(error);
      }
    });
  });
</script>