html如何设置头跨域,jQuery跨域,添加自定义头部header

本文详细介绍了前端使用jQuery的$.ajax进行跨域请求的配置,包括设置crossDomain、beforeSend函数添加请求头。同时,讲解了服务器端如何设置响应头以支持CORS,特别是Access-Control-Allow-*的相关属性,以及OPTIONS预检请求的重要性。对于跨域安全,建议在部署后限制Access-Control-Allow-Origin为特定域名。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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请求),会提示请求失败。

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值