HTML5 ক্লায়েন্ট সাইডে স্ট্রাকচার্ড ডেটা সঞ্চয় করতে এবং নিম্নলিখিত ত্রুটিগুলি কাটিয়ে উঠতে HTTP সেশন কুকিজের মতো দুটি পদ্ধতি চালু করেছে৷
- প্রতিটি HTTP অনুরোধের সাথে কুকিজ অন্তর্ভুক্ত করা হয়, যার ফলে একই ডেটা প্রেরণের মাধ্যমে আপনার ওয়েব অ্যাপ্লিকেশনকে ধীর করে দেয়৷
- কুকিজ প্রায় 4 KB ডেটার মধ্যে সীমাবদ্ধ। প্রয়োজনীয় ডেটা সঞ্চয় করার জন্য যথেষ্ট নয়৷
স্টোরেজের জন্য দুটি প্রক্রিয়া হল সেশন স্টোরেজ এবং স্থানীয় স্টোরেজ এবং সেগুলি বিভিন্ন পরিস্থিতিতে ব্যবহার করা হবে।
সেশন স্টোরেজ
সেশন স্টোরেজ এমন পরিস্থিতির জন্য ডিজাইন করা হয়েছে যেখানে ব্যবহারকারী একটি একক লেনদেন করছে কিন্তু একই সময়ে বিভিন্ন উইন্ডোতে একাধিক লেনদেন করতে পারে।
আপনি একটি সেশন ভেরিয়েবল সেট করতে এবং সেই ভেরিয়েবলটি অ্যাক্সেস করতে নিম্নলিখিতটি চালানোর চেষ্টা করতে পারেন
উদাহরণ
<!DOCTYPE HTML>
<html>
<body>
<script type="text/javascript">
if( sessionStorage.hits ){
sessionStorage.hits = Number(sessionStorage.hits) +1;
} else{
sessionStorage.hits = 1;
}
document.write("Total Hits :" + sessionStorage.hits );
</script>
<p>Refresh the page to increase number of hits.</p>
<p>Close the window and open it again and check the result.</p>
</body>
</html> স্থানীয় সঞ্চয়স্থান
৷স্থানীয় সঞ্চয়স্থানটি এমন স্টোরেজের জন্য ডিজাইন করা হয়েছে যা একাধিক উইন্ডোতে বিস্তৃত এবং বর্তমান সেশনের বাইরে চলে। বিশেষ করে, ওয়েব অ্যাপ্লিকেশানগুলি কর্মক্ষমতার কারণে ক্লায়েন্ট সাইডে ব্যবহারকারীর মেগাবাইট ডেটা, যেমন সম্পূর্ণ ব্যবহারকারী-রচিত নথি বা ব্যবহারকারীর মেলবক্স সংরক্ষণ করতে চায়৷
আপনি একটি স্থানীয় স্টোরেজ ভেরিয়েবল সেট করতে নিম্নলিখিত কোডটি চালানোর চেষ্টা করতে পারেন এবং প্রতিবার এই পৃষ্ঠাটি অ্যাক্সেস করার সময় সেই ভেরিয়েবলটি অ্যাক্সেস করতে পারেন, এমনকি পরের বার যখন আপনি উইন্ডোটি খুলবেন।
উদাহরণ
<!DOCTYPE HTML>
<html>
<body>
<script type="text/javascript">
if( localStorage.hits ){
localStorage.hits = Number(localStorage.hits) +1;
} else{
localStorage.hits = 1;
}
document.write("Total Hits :" + localStorage.hits );
</script>
<p>Refresh the page to increase number of hits.</p>
<p>Close the window and open it again and check the result.</p>
</body>
</html> 