Retrieving JSON data in web storage not working

Question

Possible Duplicate:
Storing Objects in HTML5 localStorage

I'm trying to store JSON data, name & phonenumber given in two text fields and then later(after page refresh) retrieve and print the data on the same fields with following code.

        function saveData() {
            var saveD = { 
                name: document.getElementById("name").value,
                phone: document.getElementById("phone").value
            }; 

            window.localStorage.setItem("info", saveD);
        } 
        var storedData = window.localStorage.getItem("info");

        document.getElementById("name").value = storedData.name;
        document.getElementById("phone").value = storedData.phone;

What is wrong? I get "undefined" on both fields.

You are trying to store an object, not JSON. It will work if you properly convert the object to and from JSON. — Felix Kling, Nov 19 '12 at 00:13

score 5 · Accepted Answer · answered Nov 19 '12 at 00:16

5

Save like this:

window.localStorage.setItem("info", JSON.stringify(saveD));

And load like this:

var storedData = JSON.parse(window.localStorage.getItem("info"));

You have to store objects as JSON in local storage.

answered Nov 19 '12 at 00:16

David Müller

5,291
2
29
33

Thanks! That worked! I tried to use JSON.stringify before but didn't know about JSON.parse....that's why it wasn't working... – Dean.V Nov 19 '12 at 00:20
Thaks! This is what I need and I found it for just 4 seconds :) – Don Angelo Annoni Nov 02 '13 at 22:51

Retrieving JSON data in web storage not working

1 Answers1