如何使用Jquery的AJAX提交复杂的表单？

<form id="myForm">
 <input type="text" name="username" placeholder="用户名" />
 <input type="password" name="password" placeholder="密码" />
 <input type="submit" value="提交" />
</form>

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

    // 从表单中获取数据
    var formData = $(this).serialize();

    // 使用AJAX提交表单数据
    $.ajax({
      type: 'POST',
      url: 'your-server-url', // 替换为您的服务器URL
      data: formData,
      success: function(response) {
        // 处理服务器返回的响应
        console.log(response);
      },
      error: function(jqXHR, textStatus, errorThrown) {
        // 处理AJAX请求失败的情况
        console.log('Error: ' + textStatus + ' ' + errorThrown);
      }
    });
  });
});