The local storage is empty

Question

The local storage is empty

I've encountered an issue with localStorage. Here is a snippet of my code:

var defaultReportData = {
  'station': 'DR P3',
  'days': 'Mon, Tue, Wed, Thur, Fri',
  'startHour': '06:00',
  'endHour': '18:00',
  'demography': 'Cover: All'
}

localStorage.setItem('defaultReportData', JSON.stringify(defaultReportData));

// Returns null
console.log(localStorage.getItem('station'));

After loading the page, if I simply type "localStorage" in my console, the object displays correctly. However, when I try to retrieve a specific value from localStorage, it returns null.

What could be causing this issue?

javascript json local-storage

Answer 1

Answer №1

Check out this working example.

To access the station from the returned string, you need to parse it as JSON like so:

var storedData = JSON.parse(localStorage.getItem('storedData'));
console.log( storedData.station );

Answer 2

Check out this working example.

To access the station from the returned string, you need to parse it as JSON like so:

var storedData = JSON.parse(localStorage.getItem('storedData'));
console.log( storedData.station );

Answer 3

Answer №2

To access the information stored in localStorage, you must use the identical key (defaultReportData) that was originally used when saving the data. Following that, you need to convert the string data into a JSON Object.

var savedData = JSON.parse(localStorage.getItem('defaultReportData'));
console.log(savedData.station);

Answer 4

To access the information stored in localStorage, you must use the identical key (defaultReportData) that was originally used when saving the data. Following that, you need to convert the string data into a JSON Object.

var savedData = JSON.parse(localStorage.getItem('defaultReportData'));
console.log(savedData.station);

Answer 5

Answer №3

To use this solution, simply copy and paste the code into your console

    var defaultReportData = {
      'station': 'DR P3',
      'days': 'Mon, Tue, Wed, Thur, Fri',
      'startHour': '06:00',
      'endHour': '18:00',
      'demography': 'Cover: All'
    }

    window.localStorage.setItem('defaultReportData', JSON.stringify(defaultReportData));

    // This will return null

    var itemPref = window.localStorage.getItem('defaultReportData')

    var resultObject = JSON.parse(itemPref);

    console.log(resultObject.station);

Answer 6

To use this solution, simply copy and paste the code into your console

    var defaultReportData = {
      'station': 'DR P3',
      'days': 'Mon, Tue, Wed, Thur, Fri',
      'startHour': '06:00',
      'endHour': '18:00',
      'demography': 'Cover: All'
    }

    window.localStorage.setItem('defaultReportData', JSON.stringify(defaultReportData));

    // This will return null

    var itemPref = window.localStorage.getItem('defaultReportData')

    var resultObject = JSON.parse(itemPref);

    console.log(resultObject.station);

The local storage is empty

Answer №1

Answer №2

Answer №3

Similar questions

Is it possible to use Ajax post with localhost on Wamp server?

Three.js dynamic bone animation: bringing your project to life

The rails application is flooding the JSON with unnecessary data

What is the most efficient way to dynamically add a class to multiple elements in AngularJS using ng-click?

Exploring the intricacies of Bower and enhancing dependency management

How can I retrieve the decimal x and y coordinates when the mouse is moved in Typescript Angular?

Make the current tab the active tab with the help of AngularJS

Sending information and HTML content from PHP to JavaScript using JSON

The time zones between Node 8 and Node 11 are not the same

Is it necessary to release a new library version for non-functional updates?

What are the reasons for the POST method malfunctioning in a mobile web application?

How can I transform Json data into XML format with namespaces included?

The console logs indicate success for every call, but unfortunately Twitter is not displaying the retweets

Custom calendar control vanishes on postback in ASP

The default styling of Next.js react-chatbot-kit is not functioning properly

Comparing non-blocking setTimeout in JavaScript versus sleep in Ruby

Creating a JSON array from data within a <td> element is a straightforward process

In Java, converting a date to a JSON String results in the date decreasing by one day

Testing asynchronous functions with Mocha

The ">" character in JSON data is encoded as u003c