వెబ్ స్టోరేజ్ ఏపిఐ

Web Storage API బ్రౌజర్లో డాటాను నిల్వ మరియు తీసుకువచ్చే సాధారణ సింటాక్స్ ఉంది. ఇది చాలా సులభంగా ఉపయోగించబడుతుంది:

ఇన్స్టాన్స్

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

స్వయంగా ప్రయత్నించండి

అన్ని బ్రౌజర్లు Web Storage API ను మద్దతు చేస్తాయి:

చ్రోమ్ ఐఈ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
చ్రోమ్ ఐఈ/ఎంజె ఫైర్ఫాక్స్ సఫారీ ఓపెరా
మద్దతు మద్దతు మద్దతు మద్దతు మద్దతు

localStorage ఆబ్జెక్ట్

localStorage ఆబ్జెక్ట్ ప్రత్యేక సైట్ స్థానిక నిల్వకు ప్రాపంచించుతుంది. ఇది ఆ డొమైన్ డాటా అంశాలను నిల్వ, చదువు, జోడించు, సవరించు మరియు తొలగించుటకు అనుమతిస్తుంది。

నిల్వలో ఉన్న డాటాకు పదక్షణ తేదీ లేదు మరియు బ్రౌజర్ మూసినప్పుడు తొలగించబడదు。

ఈ డాటా రోజులు, వారాలు మరియు సంవత్సరాలు లో లభిస్తుంది。

setItem() పద్ధతి

localStorage.setItem() పద్ధతి డాటా అంశాన్ని storage లో నిల్వ చేస్తుంది。

ఇది పేరును మరియు విలువను పరామితులుగా అంగీకరిస్తుంది:

ఇన్స్టాన్స్

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

getItem() పద్ధతి

localStorage.getItem() పద్ధతి నిల్వ (storage) నుండి డాటా అంశాన్ని తీసుకువస్తుంది。

ఇది పేరును పరామితిగా అంగీకరిస్తుంది:

ఇన్స్టాన్స్

localStorage.getItem("name");

sessionStorage ఆబ్జెక్ట్

sessionStorage ఆబ్జెక్ట్ మరియు localStorage ఆబ్జెక్ట్ అదే విధంగా ఉన్నాయి。

వ్యత్యాసం ఏమిటంటే sessionStorage ఆబ్జెక్ట్ సెషన్ డాటాను నిల్వ చేస్తుంది。

బ్రౌజర్ మూసినప్పుడు డాటా తొలగించబడుతుంది。

ఇన్స్టాన్స్

sessionStorage.getItem("name");

స్వయంగా ప్రయత్నించండి

setItem() పద్ధతి

sessionStorage.setItem() పద్ధతి డాటా అంశాన్ని నిల్వ (storage) లో నిల్వ చేస్తుంది。

ఇది పేరును మరియు విలువను పరామితులుగా అంగీకరిస్తుంది:

ఇన్స్టాన్స్

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

getItem() పద్ధతి

sessionStorage.getItem() పద్ధతి నిల్వ (storage) నుండి డాటా అంశాన్ని తీసుకువస్తుంది。

ఇది పేరును పరామితిగా అంగీకరిస్తుంది:

ఇన్స్టాన్స్

sessionStorage.getItem("name");

Storage ఆబ్జెక్ట్ అనునాయకం మరియు పద్ధతులు

అనునాయకం/పద్ధతి 描述
key(n) నిల్వలో వివరించబడిన n వరుసలో కీ పేరును పొందండి。
length 返回存储在 Storage 对象中的数据项数。
getItem(keyname) 返回指定的键名的值。
setItem(keyname, value) 将键添加到存储中，或者如果键已经存在，则更新该键的值。
removeItem(keyname) 从存储中删除该键。
clear() 清空所有键。

Web Storage API 相关页面

属性 描述
window.localStorage 允许在 Web 浏览器中保存键/值对。存储没有到期日期的数据。
window.sessionStorage 允许在 Web 浏览器中保存键/值对。存储一个会话的数据。