Adding to localStorage with JavaScript and Jade

Question

Having issues with Jade and the way the data is passed to it when it is rendered.

I am trying to save the data which is in [{key1: "val1", key2: "val2"}, ...}]; format but having issues as it shows up as the result below.

Result

key: xyz value:[{&quot;artist&quot;:&quot;Lady Gaga&quot;,...

This is the code I am working with on the server-side Node.js which is passing it fine ...

res.render('musics', {
    title: 'site',
    result: JSON.stringify(result)
});

This is the code I am having issues with because of the way I have to call result in jade...

script
    function local (arr) {
        var i;
        i = "#{result}";
        localStorage.setItem('xyz', i);
    }
    console.log('stored');
    local();

The quotes around result are messing it up but without them I get an error for unexpected identifier...

Any suggestions or if it might be better to go an ajax route through Backbone(which is what I am using with the client-side) I am willing to, just to put some pointers out - the data is being scraped and through selections of a form post - so the data comes back after the post and is a on time transfer, so if I did an ajax call it would have to include the post and the get, otherwise i am not sure of how to receive it... maybe res.json(result) on the server side, but then the page needs to render somehow... Open to suggestions. Thanks! Ultimately I want it to go into localStorage without the " around everything.

greelgorke · Accepted Answer · 2013-10-18 09:29:00Z

2

your jade snippet should look like this then:

script!= "(function() {localStorage.setItem('xyz',JSON.stringify(" +result + ");})();"

by using != you tell jade to not escape the following content, and on the clientside you have to stringify again before puting your data to local storage.

answered Oct 18, 2013 at 9:29

greelgorke

3741 silver badge5 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Moaiz Pervaiz Over a year ago

I use this but give them an error setItem not defined @greelgorke

Community · Accepted Answer · 2017-05-23 12:01:47Z

0

As an improvement to @greelgork's answer:

This is for JSON array

script!= "(function() {var items = []; items = JSON.parse(localStorage.getItem('Stored_items')); console.log(JSON.stringify(items)); items.push(" + JSON.stringify(product) + "); localStorage.setItem('Stored_items', JSON.stringify(items)); })();"

Anyways, pushing an item into localStorage needs to be stringified before inserted into localStorage hence, @greelgorke's answer should be modified so:

single item

script!= "(function() {localStorage.setItem('xyz',JSON.stringify(result)); })();"

So the JSON.stringify is outside the string just like all the other javascript code is,
This is what I use in my project and it worx

Credit Push JSON Objects to array in localStorage

edited May 23, 2017 at 12:01

CommunityBot

11 silver badge

answered Sep 21, 2016 at 21:37

Jadeye

4,4374 gold badges54 silver badges67 bronze badges

Comments

Jeferson Matheus · Accepted Answer · 2022-10-30 00:21:34Z

0

 if usersList.length
        script.
          const userList = !{JSON.stringify(usersList)}
          localStorage.setItem('xyz',JSON.stringify(userList))
          const loader = document.querySelector(".loader"); 
          loader.className +=" hidden";

edited Oct 30, 2022 at 0:21

answered Oct 30, 2022 at 0:19

Jeferson Matheus

11 bronze badge

1 Comment

Community Over a year ago

Your answer could be improved with additional supporting information. Please edit to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers in the help center.

Collectives™ on Stack Overflow

Adding to localStorage with JavaScript and Jade

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related