Book Image

ASP.NET Core MVC 2.0 Cookbook

By : Jason De Oliveira, Engin Polat, Stephane Belkheraz
Book Image

ASP.NET Core MVC 2.0 Cookbook

By: Jason De Oliveira, Engin Polat, Stephane Belkheraz

Overview of this book

The ASP.NET Core 2.0 Framework has been designed to meet all the needs of today’s web developers. It provides better control, support for test-driven development, and cleaner code. Moreover, it’s lightweight and allows you to run apps on Windows, OSX and Linux, making it the most popular web framework with modern day developers. This book takes a unique approach to web development, using real-world examples to guide you through problems with ASP.NET Core 2.0 web applications. It covers Visual Studio 2017- and ASP.NET Core 2.0-specifc changes and provides general MVC development recipes. It explores setting up .NET Core, Visual Studio 2017, Node.js modules, and NuGet. Next, it shows you how to work with Inversion of Control data pattern and caching. We explore everyday ASP.NET Core MVC 2.0 patterns and go beyond it into troubleshooting. Finally, we lead you through migrating, hosting, and deploying your code. By the end of the book, you’ll not only have explored every aspect of ASP.NET Core MVC 2.0, you’ll also have a reference you can keep coming back to whenever you need to get the job done.
Table of Contents (26 chapters)
Title Page
Copyright and Credits
Packt Upsell
Contributors
Preface
Index

Caching with HTML5 localStorage and sessionStorage


In this recipe, we will learn how to use the HTML5 Storage API (it's also called Web Storage, or DOM Storage) with localStorage and sessionStorage objects, in order to store non-sensitive data on the client.

Getting ready

First, we create an empty project with VS 2017, and use JavaScript code to store data.

We need as a minimum browser requirement IE8, Firefox 3.5, or Chrome 4.0 to benefit from HTML5 capabilities in the browser.

All the following methods and properties are available for both localStorage and seesionStorage:

  • getItem(key): Store a key/value pair
  • setItem(key, value): Return a value associated with a key
  • removeItem(key): Delete a key/value pair with a key
  • clear(): Delete all key/value pairs
  • length: Return the number of stored pairs

How to do it...

  1. To test if localStorage or sessionStorage is available on our browser, we can use the following code:
(function() { 
   if (typeof sessionStorage != 'undefined') 
   // or 
   if (window['localStorage...