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>