Vivasoft-logo

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 āĻ āĻ¸ā§āĻŸā§‹āϰ āĻ•āϰ āĻāĻŦāĻ‚ āĻĒ⧁āύāϰāĻžā§Ÿ āϖ⧁āĻœā§‡ āĻŦ⧇āϰ āĻ•āϰāĨ¤
  • āϏāĻžāĻ°ā§āĻ­āĻžāϰ āĻ•āĻŋ āϞ⧋āĻ•āĻžāϞ āĻ¸ā§āĻŸā§‹āϰ⧇āϜ āĻāĻ•ā§āϏ⧇āϏ āĻŦāĻž āϏ⧇āĻļāύ āĻ¸ā§āĻŸā§‹āϰ⧇āϜ āĻāĻ•ā§āϏ⧇āϏ āĻ•āϰāϤ⧇ āĻĒāĻžāϰ⧇?