Hi have the following Ajax request that gets JSON from the server and stores the json in localStorage for which I can use in my application. It seems like my code to acplish this is not efficient at all, but I cant get it to work any other way. I have tried storing as an object, but it seems to want to be stored as a string.

Is there a better way to do this?

//GET Users List from Server
function getUsersList() {
    $.ajax({
        url: "api/ListUsers",
        dataType: "json",
        success: function (e) {

            localStorage.UsersList = (JSON.stringify(e));
            var usersList = localStorage.UsersList;
            var usersList = $.parseJSON(usersList)
            console.log(usersList[0])
        }
    });
}

Hi have the following Ajax request that gets JSON from the server and stores the json in localStorage for which I can use in my application. It seems like my code to acplish this is not efficient at all, but I cant get it to work any other way. I have tried storing as an object, but it seems to want to be stored as a string.

Is there a better way to do this?

//GET Users List from Server
function getUsersList() {
    $.ajax({
        url: "api/ListUsers",
        dataType: "json",
        success: function (e) {

            localStorage.UsersList = (JSON.stringify(e));
            var usersList = localStorage.UsersList;
            var usersList = $.parseJSON(usersList)
            console.log(usersList[0])
        }
    });
}

• javascript
• jquery
• ajax
• json
• local-storage

• 1 Because DOM Storage does store them as strings (see second Note). Thus, to store objects, they need to be serializable to store, and deserializable to retrieve. – Joseph Commented Apr 15, 2013 at 23:17

1 Answer 1

You can only store strings in the localStorage, however you could create an abstraction of the serialization/deserialization process in a reusable function.

Have a look at Storing Objects in HTML5 localStorage

Also, it's remended to use the setItem and getItem methods.