আপনার ওয়েব অ্যাপ্লিকেশন দ্বারা হ্যান্ডেল করা ডেটা ম্যানেজ করার জন্য আপনাকে অবশ্যই একটি ডেটাবেস দরকার নয়। ব্রাউজার স্টোরেজ ফিচারগুলো Chrome (ভার্সন ৪ এবং উচ্চতর), Mozilla Firefox (ভার্সন ৩.৫ এবং উচ্চতর) এবং Internet Explorer (ভার্সন ৮ এবং উচ্চতর), এবং iOS এবং Android-এর ব্রাউজারসহ অন্যান্য ব্রাউজার দ্বারা সমর্থিত।
ব্রাউজার স্টোরেজের দুটি মূল সম্ভাবনা রয়েছে: localStorage এবং sessionStorage।
localStorage
localStorage অবজেক্টে সংরক্ষিত যেকোনো কন্টেন্ট/ডেটা ব্রাউজার রিস্টার্ট হওয়ার পরও (বন্ধ এবং আবার খোলা) উপলব্ধ থাকবে। localStorage-এ একটি আইটেম সংরক্ষণ করতে, আপনি setItem() মেথড ব্যবহার করতে পারেন। এই মেথডকে একটি কী এবং একটি ভ্যালু পাস করতে হবে।
Example: localStorage.setItem("mykey","myvalue");
localStorage থেকে আইটেম রিট্রিভ করতে, getItem মেথড ব্যবহার করতে হবে। getItem মেথডকে আপনি যে ডেটা রিট্রিভ করতে চান তার কী পাস করতে হবে:
Example: localStorage.getItem("mykey");
আপনি localStorage-এ থেকে একটি আইটেম রিমুভ করতে পারেন removeItem() মেথড ব্যবহার করে। এই মেথডকে রিমুভ করা আইটেমের কী পাস করতে হবে:
Example: localStorage.removeItem("mykey");
পুরো localStorage ক্লিয়ার করতে, আপনাকে clear() মেথড ব্যবহার করতে হবে localStorage অবজেক্টে:
Example: localStorage.clear();
sessionStorage
sessionStorage অবজেক্টে সংরক্ষিত আইটেমগুলো থাকবে যতক্ষণ না ইউজার ব্রাউজার বন্ধ করে। তারপর, স্টোরেজটি ক্লিয়ার হয়ে যাবে।
sessionStorage-এ একটি আইটেম সংরক্ষণ করতে, setItem() মেথড ব্যবহার করুন sessionStorage অবজেক্টে:
Example: sessionStorage.setItem("mykey","myvalue");
sessionStorage থেকে আইটেম রিট্রিভ করতে, getItem মেথড ব্যবহার করতে হবে। getItem মেথডকে আপনি যে ডেটা রিট্রিভ করতে চান তার কী পাস করতে হবে:
Example: sessionStorage.getItem("mykey");
আপনি sessionStorage-এ থেকে একটি আইটেম রিমুভ করতে পারেন removeItem() মেথড ব্যবহার করে। এই মেথডকে রিমুভ করা আইটেমের কী পাস করতে হবে:
Example: sessionStorage.removeItem("mykey");
পুরো sessionStorage ক্লিয়ার করতে, আপনাকে clear() মেথড ব্যবহার করতে হবে sessionStorage অবজেক্টে:
Example: sessionStorage.clear();
localStorage এবং sessionStorage-এ অ্যারে সংরক্ষণ করা
আপনি শুধু সিঙ্গেল ভ্যালু ही নয়, localStorage এবং sessionStorage-এ অ্যারের কন্টেন্টও সংরক্ষণ করতে পারেন।
এই উদাহরণে, আমাদের একটি নম্বর অ্যারে আছে:
var ourArray =[1,2,3,4,5];
এখন আমরা এটিকে localStorage বা sessionStorage-এ সংরক্ষণ করতে পারি setItem() মেথড ব্যবহার করে:
localStorage.setItem("ourarraykey",JSON.stringify(ourArray));
অথবা, sessionStorage-এর জন্য:
sessionStorage.setItem("ourarraykey",JSON.stringify(ourArray));
সংরক্ষণের জন্য, অ্যারেটি প্রথমে একটি স্ট্রিং-এ কনভার্ট করা উচিত। উপরের উদাহরণে, আমরা JSON.stringify মেথড ব্যবহার করছি এটার জন্য।
localStorage বা sessionStorage- থেকে আমাদের ডেটা রিট্রিভ করার সময়, সেটি আবার অ্যারে-এ কনভার্ট করুন:
var storedArray = localStorage.getItem("ourarraykey");
ourArray = JSON.parse(storedArray);
অথবা, sessionStorage-এর জন্য:
var storedArray = sessionStorage.getItem("ourarraykey");
ourArray = JSON.parse(storedArray);
ফ্রি কোড ক্যাম্পের ওপেন সোর্স কারিকুলাম ৪০,০০০+ মানুষকে ডেভেলপার হিসেবে চাকরি পেতে সাহায্য করেছে। শুরু করুন।
