jQuery Ajax 设置请求头参数

1、HTML

<!-- 点击示例 开始 -->
<form class="forms-sample" id="form-data">
    <button type="button" id="submitData" class="btn btn-primary me-2">提交</button>
</form>
<!--点击示例 结束-->

2、需要引入jQuery库【你可以自己去jQuery官方下载或者用他们的cdn】

<!--引入jq-->
<script src="https://wangshengxian.com/common/js/jquery-3.3.1.min.js"></script>

3、js点击事件 jq ajax参数

<script>
    $("#submitData").click(function(){
        $.ajax({
            type:"POST",//请求方式
            url:"url",//请求路径
            data:$('#form-data').serialize(),
            headers : {
                'authorization' : "请求头信息",//要设置的请求头信息
            },
            cache:false,//false是不缓存，true为缓存
            async:true,//true为异步，false为同步
            // 用于设置响应体的类型 注意 跟 data 参数没关系！！！
            dataType: 'json',
            beforeSend:function(){
                //请求前 打开loading
                //showLoading();
            },
            success:function(obj){
                //请求成功
                console.log('success',obj);
            },
            complete:function(obj){
                //请求完成 隐藏loading
                //hideLoading();
            },
            error:function(obj){
                //请求失败时
                console.log('error',obj);
                alert("请检查是否自身网络错误，或者是服务器异常了");
            }
        });
        return true; // 阻止默认 form 跳转
    });
</script>