How to list down all the cookies by name using JavaScript?

JavascriptWeb DevelopmentFront End Technology

To lists down all the cookies by name, use the cookies pairs in an array. After that, you need to get the key value pair out of this array.

Example

You can try to run the following code to list all the cookies

Live Demo

<html>
   <head>
      <script>
         <!--
            function ReadCookie() {
               var allcookies = document.cookie;
               document.write ("All Cookies : " + allcookies );

               // Get all the cookies pairs in an array
               cookiearray = allcookies.split(';');

               // Now take key value pair out of this array
               for(var i = 0; i < cookiearray.length; i++) {
                 name = cookiearray[i].split('=')[0];
                 value = cookiearray[i].split('=')[1];
                 document.write ("Key is : " + name + " and Value is : " + value);
               }
            }
         //-->
      </script>
   </head>
   <body>
      <form name = "myform" action = "">
         <p> click the following button and see the result: </p>
         <input type = "button" value = "Get Cookie" onclick = "ReadCookie()"/>
      </form>
   </body>
</html>
raja
Published on 31-Jan-2018 14:22:44
Advertisements