XMLHttpRequest设置cookie
时间: 2023-08-21 09:35:36
浏览: 148
在 JavaScript 中,我们可以使用 `[xmlhttprequest](https://geek.csdn.net/educolumn/14a763f266747f1c222d7efcadfa70dd?spm=1055.2569.3001.10083)` [对象](https://geek.csdn.net/educolumn/04c51611e4b730957464192e0307b82c?spm=1055.2569.3001.10083)设置 cookie。通常情况下,我们需要在请求头中设置 `Cookie` 参数,以便服务器能够识别当前请求来自于哪个客户端。下面是一个使用 [xmlhttprequest](https://geek.csdn.net/educolumn/14a763f266747f1c222d7efcadfa70dd?spm=1055.2569.3001.10083) [对象](https://geek.csdn.net/educolumn/04c51611e4b730957464192e0307b82c?spm=1055.2569.3001.10083)发送带有 cookie 参数的 GET 请求的示例代码:
var xhr = new [xmlhttprequest](https://geek.csdn.net/educolumn/14a763f266747f1c222d7efcadfa70dd?spm=1055.2569.3001.10083)();
xhr.open('GET', '/api/data', true);
xhr.setRequestHeader('Cookie', 'key=value; key2=value2');
xhr.onload = function() {
if (xhr.status === 200) {
console.log(xhr.responseText);
} else {
console.log('请求失败:' + xhr.status);
xhr.send();
在这个例子中,我们通过 `setRequestHeader` 方法设置了一个名为 `Cookie` 的请求头,并将其值设置为 `key=value; key2=value2`。这里的 `key=value; key2=value2` 是一个示例,你可以将它替换为你实际的 cookie 值。注意,如果你需要设置多个 cookie,可以将它们以分号和空格分隔开。
相关问题
利用nginx设置跨域cookie访问的方法
要设置跨域cookie访问,可以通过配置nginx反向代理服务器来实现。具体方法如下:
1. 在nginx的配置文件中添加以下代码:
location / {
add_header 'Access-Control-Allow-Origin' 'http://yourdomain.com';
add_header 'Access-Control-Allow-Credentials' 'true';
proxy_pass http://backend;
```