გთხოვთ, ახსნათ cookies, sessionStorage და localStorage შორის განსხვავება.

دیکھنے کے علاقے: کوکیز صارف کے طرف اور سرور کے طرف دستیاب ہیں۔ sessionStorage اور localStorage صرف صارف کے طرف دستیاب ہیں۔

مدتِ حیات: کوکیز کے لیے مدتِ حیات تخلیق کے وقت مقرر کی جاتی ہے (expires یا max-age کے ذریعے)۔ اگر ذکر نہ کیا جائے، تو کوکی براؤزر بند ہونے پر حذف ہو جاتی ہے۔ sessionStorage صرف موجودہ سیشن کے دوران ڈیٹا رکھتی ہے (تک کہ ٹیب یا براؤزر بند ہو جائے)۔ localStorage غیر محدود مدت کے لیے ڈیٹا رکھتی ہے، جب تک کہ اسے واضح طور پر حذف نہ کیا جائے۔

سائز: کوکیز کے لیے زیادہ سے زیادہ سائز تقریباً 4 KB ہے۔ sessionStorage اور localStorage کے لیے — 5 MB سے 10 MB تک، براؤزر پر منحصر ہے۔

ہر درخواست کے ساتھ بھیجنا: کوکیز خود بخود ہر HTTP درخواست کے ساتھ بھیجی جاتی ہیں، جس سے ٹریفک میں اضافہ ہو سکتا ہے۔ sessionStorage اور localStorage سرور پر بھیجی نہیں جاتیں۔

رسائی کا طریقہ: کوکیز تک رسائی document.cookie کے ذریعے ہوتی ہے (ایک سٹرنگ)۔ sessionStorage اور localStorage تک رسائی متعلقہ آبجیکٹس کے ذریعے ہوتی ہے، جن میں setItem, getItem, removeItem, اور clear کے طریقے شامل ہیں۔

// کوکی سیٹ کرنا
document.cookie = "username=John Doe; expires=Thu, 18 Dec 2023 12:00:00 UTC; path=/";

// کوکی حاصل کرنا
let x = document.cookie;

// sessionStorage میں ڈیٹا سیٹ کرنا
sessionStorage.setItem("lastname", "Smith");

// sessionStorage سے ڈیٹا حاصل کرنا
let y = sessionStorage.getItem("lastname");

// localStorage میں ڈیٹا سیٹ کرنا
localStorage.setItem("firstname", "Jane");

// localStorage سے ڈیٹا حاصل کرنا
let z = localStorage.getItem("firstname");

خصوصیت	کوکیز	sessionStorage	localStorage
دیکھنے کا علاقہ	کلائنٹ اور سرور	صرف کلائنٹ	صرف کلائنٹ
مدتِ حیات	تخلیق کے وقت مقرر کی جاتی ہے (expires یا max-age)، ورنہ براؤزر بند ہونے پر	ٹیب یا براؤزر بند ہونے تک	غیر محدود مدت (جب تک کہ واضح طور پر حذف نہ کیا جائے)
سائز	~4 KB	~5-10 MB (براؤزر پر منحصر)	~5-10 MB (براؤزر پر منحصر)
درخواست کے ساتھ بھیجنا	ہاں	نہیں	نہیں
رسائی کا طریقہ	document.cookie	sessionStorage.getItem/setItem	localStorage.getItem/setItem