Storing Data on the Client
Storing
information on the shopper
HTML5
offers 2 new objects for storing information on the client:
localStorage - stores information with no
limit
sessionStorage - stores information for one
session
Earlier,
this was done with cookies. Cookies aren't appropriate for giant amounts of
information, as a result of they're passed on by each request to the server,
creating it terribly slow and in-effective.
In
HTML5, the information isn't passed on by each server request, however used
solely when asked for. it's potential to store massive amounts of information
while not affecting the website's performance.
The
data is stored in numerous areas for various websites, and a web site will
solely access information stored by itself.
HTML5 uses JavaScript to store and access the
information.
The
localStorage Object
The
localStorage object stores the information with no limit. the information are
out there successive day, week, or year.
How to produce and access a localStorage:
Example
<script type="text/javascript">
localStorage.lastname="Smith";
document.write(localStorage.lastname);
</script>
localStorage.lastname="Smith";
document.write(localStorage.lastname);
</script>
The following example counts the number of times a user has visited a page:
Example
<script type="text/javascript">
if (localStorage.pagecount)
{
localStorage.pagecount=Number(localStorage.pagecount) +1;
}
else
{
localStorage.pagecount=1;
}
document.write("Visits "+ localStorage.pagecount + " time(s).");
</script>
if (localStorage.pagecount)
{
localStorage.pagecount=Number(localStorage.pagecount) +1;
}
else
{
localStorage.pagecount=1;
}
document.write("Visits "+ localStorage.pagecount + " time(s).");
</script>
The
sessionStorage Object
The
sessionStorage object stores the information for one session. the information
is deleted when the user closes the browser window.
How to produce and access a sessionStorage:
Example
<script type="text/javascript">
sessionStorage.lastname="Smith";
document.write(sessionStorage.lastname);
</script>
sessionStorage.lastname="Smith";
document.write(sessionStorage.lastname);
</script>
The
following example counts the quantity of times a user has visited a page,
within the current session:
Example
<script type="text/javascript">
if (sessionStorage.pagecount)
{
sessionStorage.pagecount=Number(sessionStorage.pagecount) +1;
}
else
{
sessionStorage.pagecount=1;
}
document.write("Visits "+sessionStorage.pagecount+" time(s) this session.");
</script>
if (sessionStorage.pagecount)
{
sessionStorage.pagecount=Number(sessionStorage.pagecount) +1;
}
else
{
sessionStorage.pagecount=1;
}
document.write("Visits "+sessionStorage.pagecount+" time(s) this session.");
</script>
Partner
site : online news
.jpg)
