如何使用Ajax/jQuery设置cookie？

Question

i have ajax function like below:

$.ajax({
url:"cookie.php",  
type: 'post',
data: {'ok': val},
success:function(data) {
alert(data);
}
});

我用来设置cookie的cookie.php文件内容如下：

$name = "mySite";
$value = "stackoverflow.com";
setcookie($name, $value, time() + (86400 * 30), "/");
echo $name."=".$value;

使用我的ajax函数mySite=stackoverflow.com在我的页面中显示，但是cookie没有在浏览器中设置。为什么？

- kelly

Answer 1

当页面首次加载时，使用HTTP Set-Cookie头设置Cookie。

这个头部指示浏览器存储Cookie并在将来的请求中将其发送回服务器。

当您通过ajax设置Cookie时，浏览器不会重新加载当前页面，也不会发送新的标头。
相反，在后台发送一个带有XMLHttpRequest的新请求，并且Cookie永远不会添加到当前页面的标头中，因为该页面不会重新加载并接收包含Cookie的标头。

您必须重新加载页面并获取新的标头集才能看到在PHP中添加的新Cookie。

还可以选择在JavaScript中设置Cookie，那么它们将立即在浏览器中可见。

document.cookie="mySite=stackoverflow.com; expires=Thu, 18 Dec 2015 12:00:00 UTC; path=/";

- adeneo