push elements dynamically to array jquery

Question

I am trying push elements to an array dynamically. But my code is not working. I want to add array elements onclick in jquery. When i push an element its getting added but when i am trying to add second element first element is removed and only second element is added. Not able to add elements dynamically.

This is my code to push elements dynamically:

$('#addItemFromAjax').click(function(){
var storage = '{"items":[]}';
var itemObject = JSON.parse(storage);
itemObject["items"].push({"name":data[0].name,"id":data[0].id});
localStorage.setItem('itemList', JSON.stringify(itemObject));
alert(localStorage.getItem('itemList'));
});

Declare array outside of click function and try it.I guess every time you click, the array is initialized — Balanjaneyulu K
– Balanjaneyulu K, Commented May 31, 2017 at 5:08
I mean declare the array at global level in the js file where the click function is handled. — Balanjaneyulu K
– Balanjaneyulu K, Commented May 31, 2017 at 5:14

Prashant Shirke · Accepted Answer · 2017-05-31 06:04:59Z

3

Try below code. It will use the localStorage list first if available else will initialize it.

Also you are pushing first element from data always, so may need to change as per your requirement!

$('#addItemFromAjax').click(function(){
 var storage = localStorage.getItem('itemList') || '{"items":[]}';
 var itemObject = JSON.parse(storage);
 itemObject["items"].push({"name":data[0].name,"id":data[0].id});
 localStorage.setItem('itemList', JSON.stringify(itemObject));
 alert(localStorage.getItem('itemList'));
});

edited May 31, 2017 at 6:04

answered May 31, 2017 at 5:11

Prashant Shirke

1,4231 gold badge8 silver badges10 bronze badges

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

Collectives™ on Stack Overflow

push elements dynamically to array jquery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related