ਵੈੱਬ ਸਟੋਰੇਜ ਐਪੀਆਈ

Web Storage API ਬਰਾਉਜ਼ਰ ਵਿੱਚ ਡਾਟਾ ਸਟੋਰ ਕਰਨ ਅਤੇ ਰੀਟਰਨ ਕਰਨ ਲਈ ਇੱਕ ਸਰਲ ਸਕ੍ਰਿਪਟਿੰਗ ਗਰਿੱਫਿਕ ਹੈ। ਇਹ ਬਹੁਤ ਅਸਾਨ ਵਰਤੋਂ ਵਾਲਾ ਹੈ:

ਇੰਸਟੈਂਸ

localStorage.setItem("name", "Bill Gates");
localStorage.getItem("name");

ਆਪਣੇ ਆਪ ਨਾਲ ਪ੍ਰਯੋਗ ਕਰੋ

ਸਾਰੇ ਬਰਾਉਜ਼ਰ Web Storage API ਨੂੰ ਸਮਰਥਨ ਕਰਦੇ ਹਨ:

ਚਰਾਮ IE ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪਰਾ
ਚਰਾਮ IE/ਐਂਜਲ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪਰਾ
ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ

localStorage ਆਬਜੈਕਟ

localStorage ਆਬਜੈਕਟ ਵਿਸ਼ੇਸ਼ ਸਾਈਟ ਦੇ ਸਥਾਨਕ ਸਟੋਰੇਜ ਤੱਕ ਪਹੁੰਚ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ। ਇਹ ਤੁਹਾਨੂੰ ਇਸ ਡੋਮੇਨ ਦੇ ਡਾਟਾ ਅਯਾਮ ਨੂੰ ਸਟੋਰ, ਰੀਡ, ਜੋੜ, ਸੋਧ ਅਤੇ ਮਿਟਾਉਣ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ。

ਸਟੋਰ ਕੀਤੇ ਗਏ ਡਾਟਾ ਨੂੰ ਮੁਕਤੀ ਦਾ ਤਾਰੀਖ ਨਹੀਂ ਹੁੰਦਾ ਅਤੇ ਬਰਾਉਜ਼ਰ ਬੰਦ ਹੋਣ ਤੇ ਮਿਟ ਨਹੀਂ ਜਾਵੇਗਾ。

ਇਹ ਡਾਟਾ ਦਿਨਾਂ, ਹਫ਼ਤਿਆਂ ਅਤੇ ਸਾਲਾਂ ਵਿੱਚ ਉਪਲੱਬਧ ਰਹੇਗਾ。

setItem() ਮੈਥਡ

localStorage.setItem() ਮੈਥਡ ਡਾਟਾ ਅਯਾਮ ਨੂੰ storage ਵਿੱਚ ਸਟੋਰ ਕਰਦਾ ਹੈ。

ਇਹ ਇੱਕ ਨਾਮ ਅਤੇ ਮੁੱਲ ਪੈਰਾਮੀਟਰ ਦੇ ਅਧੀਨ ਆਉਂਦਾ ਹੈ:

ਇੰਸਟੈਂਸ

localStorage.setItem("name", "Bill Gates");

getItem() ਮੈਥਡ

localStorage.getItem() ਮੈਥਡ ਸਟੋਰੇਜ (storage) ਤੋਂ ਡਾਟਾ ਅਯਾਮ ਨੂੰ ਰੀਟਰਨ ਕਰਦਾ ਹੈ。

ਇਹ ਇੱਕ ਨਾਮ ਪੈਰਾਮੀਟਰ ਦੇ ਅਧੀਨ ਆਉਂਦਾ ਹੈ:

ਇੰਸਟੈਂਸ

localStorage.getItem("name");

sessionStorage ਆਬਜੈਕਟ

sessionStorage ਆਬਜੈਕਟ ਲੋਕਲਸਟੋਰੇਜ ਆਬਜੈਕਟ ਨਾਲ ਸਮਾਨ ਹੈ。

ਅੰਤਰ ਇਹ ਹੈ ਕਿ sessionStorage ਆਬਜੈਕਟ ਸੈਸ਼ਨ ਦੇ ਡਾਟਾ ਨੂੰ ਸਟੋਰ ਕਰਦਾ ਹੈ。

ਜਦੋਂ ਬਰਾਉਜ਼ਰ ਬੰਦ ਹੋਵੇ ਤਾਂ ਡਾਟਾ ਮਿਟ ਜਾਵੇਗਾ。

ਇੰਸਟੈਂਸ

sessionStorage.getItem("name");

ਆਪਣੇ ਆਪ ਨਾਲ ਪ੍ਰਯੋਗ ਕਰੋ

setItem() ਮੈਥਡ

sessionStorage.setItem() ਮੈਥਡ ਡਾਟਾ ਅਯਾਮ ਨੂੰ ਸਟੋਰੇਜ (storage) ਵਿੱਚ ਸਟੋਰ ਕਰਦਾ ਹੈ。

ਇਹ ਇੱਕ ਨਾਮ ਅਤੇ ਮੁੱਲ ਪੈਰਾਮੀਟਰ ਦੇ ਅਧੀਨ ਆਉਂਦਾ ਹੈ:

ਇੰਸਟੈਂਸ

sessionStorage.setItem("name", "Bill Gates");

getItem() ਮੈਥਡ

sessionStorage.getItem() ਮੈਥਡ ਸਟੋਰੇਜ (storage) ਤੋਂ ਡਾਟਾ ਅਯਾਮ ਨੂੰ ਰੀਟਰਨ ਕਰਦਾ ਹੈ。

ਇਹ ਇੱਕ ਨਾਮ ਪੈਰਾਮੀਟਰ ਦੇ ਅਧੀਨ ਆਉਂਦਾ ਹੈ:

ਇੰਸਟੈਂਸ

sessionStorage.getItem("name");

ਸਟੋਰੇਜ ਆਬਜੈਕਟ ਦੇ ਪੈਟਰੀਟੀ ਅਤੇ ਮੈਥਡ

ਪੈਟਰੀਟੀ/ਮੈਥਡ ਵਰਣਨ
key(n) ਰਿਟਰਨ ਸਟੋਰੇਜ ਵਿੱਚ ਨਮਬਰ n ਦੇ ਕੀ ਦਾ ਨਾਮ ਵਾਪਸ ਲਿਆਉਂਦਾ ਹੈ。
length Storage ਆਬਜੈਕਟ ਵਿੱਚ ਸੰਭਾਲੇ ਗਏ ਡਾਟਾ ਦੀ ਗਿਣਤੀ ਵਾਪਸ ਦਿੱਤੀ ਜਾਂਦੀ ਹੈ。
getItem(keyname) ਵਿਸ਼ੇਸ਼ ਕੀ ਦਾ ਮੁੱਲ ਵਾਪਸ ਦਿੱਤਾ ਜਾਂਦਾ ਹੈ。
setItem(keyname, value) ਕੀ ਨੂੰ ਸਟੋਰੇਜ ਵਿੱਚ ਜੋੜੋ, ਜਾਂ ਜੇਕਰ ਕੀ ਪਹਿਲਾਂ ਹੈ ਤਾਂ ਉਸ ਦਾ ਮੁੱਲ ਅੱਪਡੇਟ ਕਰੋ。
removeItem(keyname) ਸਟੋਰੇਜ ਵਿੱਚ ਇਸ ਕੀ ਨੂੰ ਹਟਾਓ。
clear() ਸਾਰੇ ਕੀਆਂ ਖਾਲੀ ਕਰੋ。

Web Storage API ਸਬੰਧੀ ਪੰਨੇ

ਪ੍ਰਾਪਰਟੀ ਵਰਣਨ
window.localStorage ਵੈੱਬ ਬਰਾਅਜ਼ਰ ਵਿੱਚ ਕੀ/ਮੁੱਲ ਜੋੜੇ ਸੰਭਾਲਣ ਦੀ ਇਜਾਜਤ ਦਿੱਤੀ ਜਾਂਦੀ ਹੈ।ਕੋਈ ਮੁਕਾਮ ਮੁਕਾਮ ਤੋਂ ਬਾਹਰ ਦਾ ਡਾਟਾ ਸੰਭਾਲਿਆ ਜਾਂਦਾ ਹੈ。
window.sessionStorage ਵੈੱਬ ਬਰਾਅਜ਼ਰ ਵਿੱਚ ਕੀ/ਮੁੱਲ ਜੋੜੇ ਸੰਭਾਲਣ ਦੀ ਇਜਾਜਤ ਦਿੱਤੀ ਜਾਂਦੀ ਹੈ।ਇੱਕ ਸੈਸ਼ਨ ਦਾ ਡਾਟਾ ਸੰਭਾਲਿਆ ਜਾਂਦਾ ਹੈ。