如何使用Ajax/jQuery设置cookie


how can set cookie with Ajax/jQuery?

我有如下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。为什么?

Cookies是使用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=/";