jQuery跨域,添加自定义头部header

 2023-09-15 阅读 15 评论 0

摘要:2019独角兽企业重金招聘Python工程师标准>>> 1、前端jQuery代码 $.ajax({crossDomain: true,beforeSend: function(req) {req.setRequestHeader("token", token);req.setRequestHeader("auth", auth);},url:'http://baidu.com',data:{},met

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

1、前端jQuery代码

$.ajax({crossDomain: true,beforeSend: function(req) {req.setRequestHeader("token", token);req.setRequestHeader("auth", auth);},url:'http://baidu.com',data:{},method:'get',dataType:'json',success:function(data) {}});

2、服务器端对于要访问的地址,要设置响应头

response.addHeader("Access-Control-Allow-Origin", "*");//支持全域名访问,不安全,部署后需要固定限制为客户端网址
response.addHeader("Access-Control-Allow-Headers", "x-requested-with,content-type,token,auth");//响应头 请按照自己需求添加。
response.addHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE, PUT");//支持的http 动作

x-requested-with,content-type 后面要加上,允许传递的头部参数

另外,对于跨域请求,浏览器会先针对请求地址,发送一次 OPTIONS 类型的请求,确保服务器是能够接受跨域请求,如果此时服务器在响应头中没有任何设置,浏览器则不会发起正式请求(GET、POST、DELETE、PUT请求),会提示请求失败。

cors请求header,所以服务器端,根据各自的需求,有时候同一个接口地址要多写一个 OPTIONS 接口,什么都不做,只用来设置响应头。

参考博客:http://www.cnblogs.com/cdemo/p/5158663.html

转载于:https://my.oschina.net/u/555639/blog/890179

版权声明:本站所有资料均为网友推荐收集整理而来,仅供学习和研究交流使用。

原文链接:https://hbdhgg.com/3/64394.html

发表评论:

本站为非赢利网站,部分文章来源或改编自互联网及其他公众平台,主要目的在于分享信息,版权归原作者所有,内容仅供读者参考,如有侵权请联系我们删除!

Copyright © 2022 匯編語言學習筆記 Inc. 保留所有权利。

底部版权信息