如何使用 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 = "whosebug.com";
setcookie($name, $value, time() + (86400 * 30), "/");
echo $name."=".$value;

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

Answer 1

Cookie 是使用 HTTP Set-Cookie header 设置的，在页面首次加载时在 HTTP 响应中发送。

这 header 指示浏览器存储 cookie 并在以后的请求中将其发送回服务器。

当您使用 ajax 设置 cookie 时，浏览器不会重新加载当前页面，也不会发送新的 header。
相反，一个新的请求在后台发送 XMLHttpRequest，并且 cookie 永远不会添加到当前页面 headers，因为该页面更新重新加载并接收包含 cookie 的 header .

您必须重新加载页面并获取一组新的 headers 才能看到 PHP 中添加的新 cookie。

在 javascript 中还有设置 cookie 的选项，然后它们将立即在浏览器中可见。

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

how can set cookie with Ajax/jQuery?