如何用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

使用HTTP Set-Cookie标头设置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=/";