সেশন (Session)

সেশনঃ

Browser ওপেন হওয়ার পর যখন ই আমরা একটা ওয়েভ সাইটে ল্যান্ড করি, তখন ব্রাউজারে একটা সেশন ওপেন হয়, আর প্রতিবার যখন ই ট্যাব ক্লোজ করে দেই সেশন নষ্ট হয়ে যায় । আমরা যদি একি url এর আলাদা আলাদা ট্যাব ও খুলি সে ক্ষেত্রেও ব্রাউজার আলাদা আলাদা সেশন করে নেয়। এইটা অনেকটা আলাদা ফ্ল্যাট এর মতো করে কাজ করে ঐ ফ্ল্যাটে যা আছে তা ঐ ফ্ল্যাটের এমনকি একিরকম ফ্ল্যাট হলেও ফ্ল্যাটের যা আছে সবই আলাদা সবই ইউনিক। 

window.sessionStorage

অথবা

sessionStorage

Javascript এ sessionStorage নামে একটা বিল্ড ইন অব্জেক্ট আছে যার মাধ্যমে আপনি চাইলেই সেশন নিয়ে যাবতীয় কার করতে পারেন। যেমন store করা delete/remove করা এবং get করা

চলুন কিছু উদাহরন দেখে নেই।

সেশন স্টোরে ডাটা সেভ করা 

sessionStorage.setItem("key", "value");

সেশন স্টোর থেকে ডাটা গেট করা 

sessionStorage.getItem("key");

সেশন স্টোর থেকে ডাটা রিমুভ করা বা ডিলেট করা

sessionStorage.removeItem("key");

সেশন স্টোর থেকে ডাটা সব ক্লিয়ার করা 

sessionStorage.clear();

কিছু উদাহারন দেখে নেওয়া যাক। 

<!DOCTYPE html>
<html>
<head>
  <title>Client-side Session Example</title>
</head>
<body>
  <button id="loginBtn">Login</button>
  <button id="logoutBtn">Logout</button>
  <div id="profile"></div>

  <script>
    // Function to set session data
    function setSession(key, value) {
      sessionStorage.setItem(key, value);
    }

    // Function to get session data
    function getSession(key) {
      return sessionStorage.getItem(key);
    }

    // Function to clear session data
    function clearSession(key) {
      sessionStorage.removeItem(key);
    }

    // Function to handle login
    function handleLogin() {
      setSession('username', 'johnDoe');
      updateProfile();
    }

    // Function to handle logout
    function handleLogout() {
      clearSession('username');
      updateProfile();
    }

    // Function to update profile information
    function updateProfile() {
      const profileDiv = document.getElementById('profile');
      const username = getSession('username');

      if (username) {
        profileDiv.innerHTML = `Welcome, ${username}!`;
      } else {
        profileDiv.innerHTML = 'Please log in.';
      }
    }

    // Attach event listeners
    const loginBtn = document.getElementById('loginBtn');
    const logoutBtn = document.getElementById('logoutBtn');

    loginBtn.addEventListener('click', handleLogin);
    logoutBtn.addEventListener('click', handleLogout);

    // Initial profile update
    updateProfile();
  </script>
</body>
</html>

আপনি session কোথায় কোথায় ব্যাবহার করতে পারেন?

  • User Authentication

  • User Authorization

  • Shopping cart

  • From data Persistence

  • User Preference and settings

  • User activity Tracking

  • Mutli step Workflow

  • Caching Data

  • tempory CSRF token

Previousবিস্কিটের টুকরো (Cookies)Nextহিস্ট্রি এপি আই (History API)

Last updated