在jquery验证中将数据传递到远程

<form id="myForm">
  <input type="text" name="username" id="username">
  <input type="submit" value="Submit">
</form>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
<script>
  $(document).ready(function() {
    $('#myForm').validate({
      rules: {
        username: {
          required: true,
          remote: {
            url: '/check-username', // 远程验证的URL
            type: 'post', // 请求类型
            data: {
              username: function() {
                return $('#username').val(); // 获取要验证的数据
              }
            }
          }
        }
      },
      messages: {
        username: {
          required: '请输入用户名',
          remote: '用户名已存在'
        }
      }
    });
  });
</script>