Web Storage API in HTML cookies se better mana jata hai. Web Storage API in HTML ki help se web applications user ke browser me hi data locally store kar sakti hain.
HTML5 se pehle data cookies me store hota tha aur har server request ke saath send hota tha. Lekin Web Storage API in HTML zyada efficient aur secure method provide karta hai.
Web Storage API in HTML me zyada amount me data store kiya ja sakta hai bina website ki performance ko affect kiye. Yeh per origin kaam karta hai, matlab same domain aur protocol ke pages same data access kar sakte hain.
Web Storage API in HTML ke Objects
Web Storage API in HTML browser me data store karne ke liye do main objects deta hai:
1. window.localStorage
localStorage data ko permanently store karta hai.
Features:
-
Data permanently store hota hai
-
Browser close karne ke baad bhi data delete nahi hota
-
Next day, next week ya next year bhi data available rahega
2. window.sessionStorage
sessionStorage data ko temporary store karta hai.
Features:
-
Data sirf ek session ke liye store hota hai
-
Jab browser tab close hota hai to data delete ho jata hai
Web Storage Support Check karna
Web Storage API in HTML use karne se pehle check karna chahiye ki browser isse support karta hai ya nahi.
Explanation:
-
typeof(Storage)check karta hai ki browser me storage available hai ya nahi
localStorage Object
localStorage Web Storage API in HTML ka ek important part hai jo data permanently store karta hai.
Browser close hone ke baad bhi data delete nahi hota.
Example:
Explanation
-
setItem()se name/value pair store hota hai -
getItem()se stored value milti hai -
Page reload hone par bhi data same rahega
Item delete karne ka syntax:
Note: Name/value pairs hamesha string form me store hote hain. Agar number chahiye ho to convert karna padta hai.
localStorage se Click Counter
Example:
Explanation
-
Value string hoti hai isliye
Number()se convert kiya jata hai -
Browser band karne ke baad bhi count save rahega
sessionStorage Object
sessionStorage bhi Web Storage API in HTML ka part hai. Yeh localStorage jaisa hi hota hai, lekin difference yeh hai ki data sirf ek session ke liye store hota hai.
Jab browser tab close hota hai to data delete ho jata hai.
sessionStorage se Click Counter
Example:
Explanation
-
Count sirf current tab ke liye hoga
-
Tab close karte hi count reset ho jayega
Short Difference
-
localStorage → Permanent storage
-
sessionStorage → Temporary storage (sirf tab open hone tak)
Is tarah Web Storage API in HTML browser me data store karne ka ek easy, secure aur powerful tarika provide karta hai, jisse web applications bina cookies use kiye efficiently data manage kar sakti hain.
