如何用Ajax/jQuery设置cookie？

Question

我有如下的ajax功能:

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

我的setcookie的cookie.php是:

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

我的ajax函数mySite=stackoverflow.com显示在我的页面中,但cookie未在浏览器中设置.为什么？

Answer 1

Cookie是使用HTTP Set-Cookie标头设置的,在页面首次加载时在HTTP响应中发送.

此标头指示浏览器存储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=/";