一分钟解读js与PHP 设置cookie的相互读取「附代码」-猿码集

1. JavaScript与PHP的Cookie

在Web开发中，JavaScript（JS）和PHP都可以用来设置和读取cookie。Cookie是一种存储在用户计算机上的小数据片段，用于跟踪和存储用户的会话信息。

1.1 Cookie的作用

Cookie具有以下两个主要的作用：

会话管理：Cookie可以用来存储用户的会话信息，例如登录状态、购物车内容等。

个性化设置：Cookie可以用来存储用户的个性化设置，例如用户的偏好、主题等。

1.2 JavaScript设置Cookie

在JavaScript中，可以使用document.cookie属性来设置和读取cookie。下面是一个简单的示例代码，演示如何使用JavaScript设置一个名为"username"的cookie：


document.cookie = "username=John Doe; expires=Thu, 18 Dec 2022 12:00:00 UTC; path=/";

在上面的代码中，我们设置了一个名为"username"的cookie，值为"John Doe"。expires属性指定了cookie的过期时间，path属性指定了cookie的有效路径。使用document.cookie可以读取当前页面的所有cookie。

1.3 PHP设置Cookie

在PHP中，可以使用setcookie()函数来设置和读取cookie。下面是一个简单的示例代码，演示如何使用PHP设置一个名为"username"的cookie：


setcookie("username", "John Doe", time() + (86400 * 30), "/");

在上面的代码中，我们设置了一个名为"username"的cookie，值为"John Doe"。time()函数返回当前时间的时间戳，加上86400秒（即一天）乘以30天，即表示cookie的过期时间为30天。最后一个参数"/"表示cookie的有效路径。可以使用$_COOKIE数组读取当前请求中的所有cookie。

2. JavaScript读取PHP设置的Cookie

JavaScript可以读取PHP设置的cookie，这使得我们可以在前端使用PHP设置的cookie。

2.1 通过document.cookie读取Cookie

在JavaScript中使用document.cookie可以读取当前页面的所有cookie。要读取特定的cookie，可以使用以下代码：


var username = getCookie("username");
function getCookie(name) {
  var cookieName = name + "=";
  var cookieArray = document.cookie.split(';');
  
  for (var i = 0; i < cookieArray.length; i++) {
    var cookie = cookieArray[i];
    
    while (cookie.charAt(0) == ' ') {
      cookie = cookie.substring(1);
    }
    
    if (cookie.indexOf(cookieName) == 0) {
      return cookie.substring(cookieName.length, cookie.length);
    }
  }
  
  return "";
}

在上面的代码中，我们定义了一个getCookie函数，它以cookie的名称作为参数，并返回对应的cookie值。通过循环遍历document.cookie中的所有cookie，找到名称为"username"的cookie，并返回其值。

2.2 通过AJAX请求读取Cookie

在JavaScript中，我们还可以使用AJAX请求来读取PHP设置的cookie。


var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
        var cookieValue = xhr.getResponseHeader("Set-Cookie");
        // 对cookieValue进行处理
    }
};
xhr.open("GET", "example.php", true);
xhr.send();

在上面的代码中，我们发送一个GET请求到"example.php"，然后通过获取到的响应头中的"Set-Cookie"字段来获取PHP设置的cookie的值。

3. PHP读取JavaScript设置的Cookie

PHP可以读取JavaScript设置的cookie，这使得我们可以在后端使用前端设置的cookie。

3.1 通过$_COOKIE数组读取Cookie

在PHP中，可以使用$_COOKIE数组来读取当前请求中的所有cookie。要读取特定的cookie，可以使用以下代码：


$username = $_COOKIE["username"];
echo $username;

在上面的代码中，我们使用$_COOKIE["username"]来读取名为"username"的cookie，并将其值打印出来。

可以通过遍历$_COOKIE数组来读取所有的cookie：


foreach ($_COOKIE as $name => $value) {
    echo $name . ": " . $value;
}

在上面的代码中，我们使用foreach循环遍历$_COOKIE数组，并打印出每个cookie的名称和值。

3.2 通过HTTP请求头读取Cookie

在PHP中，我们还可以通过HTTP请求头来读取JavaScript设置的cookie。


$cookieValue = $_SERVER['HTTP_COOKIE'];
// 对$cookieValue进行处理

在上面的代码中，我们使用$_SERVER['HTTP_COOKIE']来获取请求头中的cookie值。

4. 结论

通过以上的介绍，我们可以看到JavaScript和PHP都可以用来设置和读取cookie。JavaScript可以通过document.cookie属性来操作cookie，而PHP可以使用setcookie()函数来操作cookie。同时，JavaScript也可以读取PHP设置的cookie，PHP也可以读取JavaScript设置的cookie。

使用cookie可以方便地进行会话管理和个性化设置，对于Web开发来说非常重要。无论是在前端还是后端，掌握cookie的设置和读取是非常有价值的。

一分钟解读js与PHP 设置cookie的相互读取「附代码」