jQuery form表单发送请求添加headers信息

jQuery Form插件可以方便地处理表单数据并发送HTTP请求，包括设置自定义headers。以下是如何在使用jQuery Form时添加headers信息的一个示例：

首先，你需要引入jQuery和jQuery Form库。如果你还没有在项目中包含它们，可以在HTML文件头部添加链接：

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-form/4.2.1/jquery.form.min.js"></script>

然后，在需要发送表单的地方，你可以创建一个`<form>`标签，并设置`ajaxSubmit`选项来指定headers：

<form id="myForm" action="your-api-url" method="POST">
  <!-- ...填写表单内容... -->
</form>

<script>
$(document).ready(function() {
  $('#myForm').ajaxForm({
    dataType: 'json', // 设置预期的数据类型
    headers: {
      'Content-Type': 'application/json', // 自定义请求头
      'Authorization': 'Bearer your_token', // 示例：包含API访问令牌
    },
    success: function(response) {
      console.log('Request successful:', response);
    },
    error: function(xhr, status, error) {
      console.error('Error:', error);
    }
  });
});
</script>

在这个例子中，当表单提交时，会向`your-api-url`发送一个POST请求，同时携带自定义的headers。