How to use Cookies to store information In Javascript

Client Side: Use Cookie to store the information, which is then requested in the PHP page. A cookie named gfg is created in the code below and the value w3wiki is stored. While creating a cookie, an expire time should also be specified, which is 10 days for this case.

Javascript
// Creating a cookie after the document is ready
$(document).ready(function () {
    createCookie("gfg", "w3wiki", "10");
});

// Function to create the cookie 
function createCookie(name, value, days) {
    let expires;

    if (days) {
        let date = new Date();
        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
        expires = "; expires=" + date.toGMTString();
    }
    else {
        expires = "";
    }

    document.cookie = escape(name) + "=" +
        escape(value) + expires + "; path=/";
}

Server Side(PHP): On the server side, we request for the cookie by specifying the name gfg and extract the data to display it on the screen.

php
<?php 
    echo $_COOKIE["gfg"]; 
?> 

Output:


How to pass JavaScript variables to PHP ?

JavaScript is the client side and PHP is the server-side script language. The way to pass a JavaScript variable to PHP is through a request.

Below are the methods to pass JavaScript variables to PHP:

Table of Content

  • Using GET/POST method
  • Using Cookies to store information
  • Using AJAX

Similar Reads

Using GET/POST method

This example uses the form element and GET/POST method to pass JavaScript variables to PHP. The form of contents can be accessed through the GET and POST actions in PHP. When the form is submitted, the client sends the form data in the form of a URL such as:...

Using Cookies to store information

Client Side: Use Cookie to store the information, which is then requested in the PHP page. A cookie named gfg is created in the code below and the value GeeksforGeeks is stored. While creating a cookie, an expire time should also be specified, which is 10 days for this case....

Using AJAX

Client Side: JavaScript code sends the variable to a PHP script using AJAX. In this example, we’ll use the XMLHttpRequest object to send a POST request to a PHP script....