4.3 সেশন স্টোরেজ

 

sessionStorage অবজেক্ট localStorage অবজেক্ট থেকে অনেক কম ব্যবহৃত হয়। সেশন স্টোরেজর প্রপার্টি আর মেথডগুলো একই হলেও অনেক সীমিত।

sessionStorage শুধুমাত্র ব্রাউজারের Current ট্যাবের মধ্যেই বিদ্যমান। একই পেইজের আরেকটি ট্যাবে আলাদা স্টোরেজ থাকবে।ডেটা পেইজ রিফ্রেশ হওয়ার পরও বেঁচে থাকে, কিন্তু ট্যাব বন্ধ বা নতুন ট্যাব খুললে আর থাকে না।

চলুন টেস্ট করে দেখা যাক। নিচের কোডটি রান করুন।

sessionStorage.setItem(‘test’, 1);

এবার পেইজটি রিফ্রেশ করুন। এরপর কোডটি রান করুন।

alert( sessionStorage.getItem(‘test’) );

দেখবেন ঠিক থাক মত ডাটা পাবেন। এবার একই পেইজটি একটি অন্য ট্যাবে খুলুন দেখবেন null পাবেন তারমানে কোন ডাটা নেই। অর্থাৎ sessionStorage ব্রাউজার ট্যাবের মধ্যে আবদ্ধ।

  • সেশন স্টোরেজ এ আইটেম সেট করা, খুজে বের করা এবং সব ডাটা ক্লিয়ার করা।
//setting a item on session storage
sessionStorage.setItem(‘username’, ‘idk’)
//getting the item by the key
sessionStorage.getItem(‘username’)
//removing the item by the key
sessionStorage.removeItem(‘username’)
sessionStorage.setItem(‘username’, ‘idk’)
sessionStorage.setItem(age, 13)
//clearing everything from local storage
sessionStorage.clear();
  • একটি অব্জেক্ট কে সেশন স্টোরেজে রাখাঃ
let product = {“name: “table“, “price“: 2344, model:”x233″}
sessionStorage.setItem(‘jsonData’, JSON.stringify(obj));
  • কোনো ই-কমার্স সাইটের কার্টে কতটি প্রোডাক্ট যোগ করা হয়েছে তার হিসেব সেশন স্টোরেজে রাখতে পারি আমরা।
if (sessionStorage.productCount) {
sessionStorage.productCount = Number(sessionStorage.productCount) + 1;
} else {
sessionStorage.setItem(‘productCount’, 1);
}
  • সেশন ও লোকাল স্টোরেজ এর পার্থক্য কি?
  • সেশন স্টোরেজ এর লাইফটাইম কত সময়?
  • কোন কোন ক্ষেত্রে লোকাল স্টোরেজ এর পরিবর্তে সেশন স্টোরেজ ব্যবহার করবে?
  • let obj = {“name”: ‘Alex’, “age”: 21, “gender”: ‘male’} obj নামক object টি session storage এ স্টোর কর এবং পুনরায় খুজে বের কর।
  • সার্ভার কি লোকাল স্টোরেজ এক্সেস বা সেশন স্টোরেজ এক্সেস করতে পারে?