(পেজ রিলোড বা সেশনের মধ্যেও টিকে থাকে এমনভাবে ব্রাউজারে ডেটা সংরক্ষণ করা)
Web Storage হলো একটি ব্রাউজার ফিচার যা আপনাকে একটি ওয়েব ব্রাউজারে key/value pair সংরক্ষণ করতে দেয়।
এটি দুই ধরনের হয়:
| টাইপ | স্থায়িত্ব | স্কোপ |
|---|---|---|
localStorage | স্থায়ী (যতক্ষণ না ম্যানুয়ালি মোছা হয়) | একই-অরিজিন |
sessionStorage | সাময়িক (ট্যাব বন্ধ করলে মুছে যায়) | শুধু একই-ট্যাব |
localStorage.setItem("username", "John");const name = localStorage.getItem("username");
console.log(name); // JohnlocalStorage.removeItem("username");localStorage.clear();localStorage-এর মতোই কাজ করে, কিন্তু ব্রাউজার ট্যাব বন্ধ হলে ডেটা হারিয়ে যায়।
sessionStorage.setItem("sessionUser", "Alice");
const sessionUser = sessionStorage.getItem("sessionUser");
console.log(sessionUser); // AliceWeb Storage শুধু স্ট্রিং সংরক্ষণ করে।
অবজেক্ট/অ্যারে সংরক্ষণ করতে, JSON.stringify() এবং JSON.parse() ব্যবহার করুন:
const user = { name: "Alex", age: 28 };
localStorage.setItem("user", JSON.stringify(user));
const userData = JSON.parse(localStorage.getItem("user"));
console.log(userData.name); // AlexlocalStorage-এর কোনো মেয়াদ শেষ হয় নাlocalStorage ম্যানুয়ালি না মোছা পর্যন্ত ডেটা ধরে রাখে।sessionStorage পরিষ্কার হয়ে যায়।setItem(), getItem(), removeItem(), এবং clear() মেথড ব্যবহার করুন।localStorage-এ সংরক্ষণ করুন, এবং পরের ভিজিটে তাকে অভিবাদন জানান।sessionStorage-এ সংরক্ষণ করুন এবং ট্যাব রিফ্রেশ হলে সেটি ফিরিয়ে আনুন।JSON.stringify() ব্যবহার করুন।