హెచ్ఎంఎల్ లొకల్ స్టోరేజ్

హెచ్ఎంఎల్ లొకల్ స్టోరేజ్: కుకీలకు ముందుగా.

ఏమిటి హెచ్ఎంఎల్ లొకల్ స్టోరేజ్?

లొకల్ స్టోరేజ్ ద్వారా, వెబ్ అనువర్తనం వినియోగదారి బ్రౌజర్ లో డాటాను స్థానికంగా నిర్వహించవచ్చు.

HTML5 ముందు, అనువర్తనం డాటా కేవలం కుకీలో నిర్వహించబడగలదు, ప్రతి సర్వర్ అభ్యర్ధనకు కూడా. లొకల్ స్టోరేజ్ అనేది మరింత సురక్షితంగా ఉంటుంది మరియు వెబ్ సైట్ పనితనంపై ప్రభావం లేకుండా పెద్ద డాటాను స్థానికంగా నిర్వహించవచ్చు.

కుకీలకు వ్యతిరేకంగా, స్టోరేజ్ పరిమితి చాలా పెద్దదిగా ఉంటుంది (కనీసం 5MB), మరియు సమాచారం సర్వర్ కు పంపబడదు.

లొకల్ స్టోరేజ్ ప్రాథమిక స్థానం ద్వారా (origin) అనుసంధానం చేయబడింది (డొమైన్ మరియు ప్రొటోకాల్). అన్ని పేజీలు, ప్రాథమిక స్థానం ద్వారా, అదే డాటాను నిర్వహించగలవు మరియు ప్రాప్తి చేసుకోగలవు.

浏览器支持

表格中的数组指示了完全支持本地存储的首个浏览器版本。

API
వెబ్ స్టోరేజ్ 4.0 8.0 3.5 4.0 11.5

HTML స్థానిక నిర్వహణ ప్రాజెక్ట్లు

HTML స్థానిక నిర్వహణ కెంపిడిలో రెండు ప్రాజెక్ట్లు అందిస్తుంది కంప్యూటర్ కు స్థానికంగా డాటా నిర్వహించడానికి ఉపయోగించబడతాయి:

  • window.localStorage - గడువు లేని డాటా నిర్వహించడానికి ఉపయోగించబడుతుంది
  • window.sessionStorage - ఒక సెషన్ కొరకు డాటా నిర్వహించడానికి ఉపయోగించబడుతుంది (బ్రాన్సిస్టోరేజ్ టాగ్ బ్రాన్సిస్టోరేజ్ మూసినప్పుడు డాటా తొలగించబడదు)

స్థానిక నిర్వహణను ఉపయోగించడంలో, localStorage మరియు sessionStorage బ్రాన్సిస్టోరేజ్ బ్రాన్సిస్టోరేజ్ మద్దతు పరిశీలించండి:

if (typeof(Storage) !== "undefined") {
    // localStorage/sessionStorage కొరకు కోడ్
} else {
    // క్షమించండి! వెబ్ స్టోరేజ్ మద్దతు లేదు ..
}

బ్రాన్సిస్టోరేజ్ ప్రాజెక్ట్లు

బ్రాన్సిస్టోరేజ్ ప్రాజెక్ట్లు గడువు లేని డాటా నిర్వహిస్తాయి. బ్రాన్సిస్టోరేజ్ మూసినప్పుడు డాటా తొలగించబడదు. రేపు, వారం లేదా సంవత్సరంలో కూడా అందుబాటులో ఉంటాయి.

ప్రతిమాత్రం

// నిర్వహించడం
localStorage.setItem("lastname", "Gates");
// తీసుకోవడం
document.getElementById("result").innerHTML = localStorage.getItem("lastname");

మీరే ప్రయత్నించండి

ఉదాహరణ వివరణ:

  • బ్రాన్సిస్టోరేజ్ లో పేరు/విలువ పారిని సృష్టించడం, అక్కడ పేరు="lastname", విలువ="Gates"
  • బ్రాన్సిస్టోరేజ్ లో "lastname" విలువను తీసుకుని, అది id="result" వాడు వంటి అంశంలో ప్రత్యేకంగా చేరుస్తుంది

పై ఉదాహరణ ఈ విధంగా కూడా వ్రాయవచ్చు:

// నిర్వహించడం
localStorage.lastname = "Gates";
// తీసుకోవడం
document.getElementById("result").innerHTML = localStorage.lastname;

బ్రాన్సిస్టోరేజ్ లో "lastname" ప్రాజెక్ట్ను తొలగించడానికి ఉపయోగించే సంకేతం ఇలా ఉంటుంది:

localStorage.removeItem("lastname");

పరిశీలన: పేరు/విలువ పారితోగాలు ఎప్పుడు కానీ వాటిని ఇతర ఫార్మాట్లకు మార్చడానికి గాను గమనించండి!

ఈ ఉదాహరణ వినియోగదారులు బటన్ నొక్కడానికి సంఖ్యను లెక్కిస్తుంది. కోడ్ లో, విలువ స్ట్రింగ్ ను విలువను మార్పిడి చేసి, లెక్కలను క్రమంగా పెంచుతుంది:

ప్రతిమాత్రం

if (localStorage.clickcount) {
    localStorage.clickcount = Number(localStorage.clickcount) + 1;
} else {
    localStorage.clickcount = 1;
}
document.getElementById("result").innerHTML = "మీరు ఈ బటన్ ను నొక్కిన సార్లు అని " +
localStorage.clickcount + " సార్లు.";

మీరే ప్రయత్నించండి

sessionStorage పరికల్పన

sessionStorage పరికల్పన సమానంగా localStorage పరికల్పనకు ఉంది, కానీ కేవలం ఒక సైషన్ లో కేవలం డేటా నిల్వ చేస్తుంది. వినియోగదారు ప్రత్యేక బ్రౌజర్ టాగ్ ఫీల్డ్ ను మూసినప్పుడు, డేటా కూడా తొలగించబడుతుంది.

ఈ ఉదాహరణ ప్రతిమాత్రం సైట్ లో వినియోగదారు బటన్ ను నొక్కడానికి సంఖ్యను గణిస్తుంది:

ప్రతిమాత్రం

if (sessionStorage.clickcount) {
    sessionStorage.clickcount = Number(sessionStorage.clickcount) + 1;
} else {
    sessionStorage.clickcount = 1;
}
document.getElementById("result").innerHTML = "ఈ session లో, మీరు ఈ బటన్ ను నొక్కిన సార్లు అని " +
sessionStorage.clickcount + " సార్లు.";

మీరే ప్రయత్నించండి