javascript - How to save multiple objects to an array in a chrome extension? -

-

i'm building first chrome extension , want track tv series watch , i'm trying save metadata on series following.

i have content script returns title, newest episode (and url of episode) url of cover image of series. trying save code on background script (i have made sure include "storage" under permissions section of manifest file).

so far script looks (this developed trying save , fetch javascript object using chrome.storage api?):

var bkg = chrome.extension.getbackgroundpage(); response.aid = new series(response.atitle,response.anewep,response.anewepurl,response.aimage);                  chrome.storage.sync.set(response.aid, function(){                     chrome.storage.sync.get(function(val){                         bkg.console.log("the saved title is: ", val.antitle);                         bkg.console.log("the saved newep is: ", val.annewep);                         bkg.console.log("the saved newepurl is: ", val.annewepurl);                         bkg.console.log("the saved imageurl is: ", val.animage);                     });                 });

problem is, script seems store 1 response.aid @ time, can never store data more 1 tv series. every time try, script seems overwrite previous entry. ask whether there's way store more 1 tv series @ time?

i have looked @ storing array , pushing each new object array (store array chrome.storage.local), don't quite understand syntax involved i'm not sure if work me.

unfortunately didn't include piece of code save data, think dont store data indices different tv series stored 1 gets overwritten everytime store one.

anyway prefer storing data in json element (basically every javascript element can converted 1 continue reading) because js provides several functions format make quite easy use.

when opening extension, load data , call 

var data = json.parse (yourloadedstring);

so string (which should {"tvshows": [{"title": "how met mother", "url": ...}, {...}]} (look here explenation how json works) gets "translated" element can read calling

data.tvshows[0].title

or

data.tvshows[1].imageurl

you can edit data json element when add new show example saying

data.tvshows[2].title = "the big bang theory"; data.tvshows[2].url= ...; data.tvshows[2].imageurl= ...;

and save element chromes storage calling

var datatosave = json.stringify(data);

you have string in storage then, containing information need , can parse later explained above :)

i hope understand, if not pls ask me!
cheers


Comments

Post a Comment

Popular posts from this blog

html - Firefox flex bug applied to buttons? -

-
i'm trying apply flex button on firefox i'm having problem on chrome doesn't happens. this css: .button { display: inline-flex; align-items: center; } as can see in fiddle, "caret" word moved new line, happens if element <button> tag, <div> works expected. http://codepen.io/anon/pen/xblmgx is firefox bug or there css i'm missing? nevermind, looks "mr firefox" doesn't idea... <button> not implementable (by browsers) in pure css, bit of black box, perspective of css. means don't react in same way e.g. <div> would. this isn't specific flexbox -- e.g. don't render scrollbars if put "overflow:scroll" on button, , don't render table if put "display:table" on it. stepping further, isn't specific <button> . consider <fieldset> , <table> have special rendering behavior: data:text/html,<fieldset style="d
Read more

html - Missing border-right in select on Firefox -

-
Image
when put select div width , padding-left, options have no border on right. more, happend if select have width 118px , parent have 15px of padding left! have idea, going on? my code: <!doctype html> <html> <head lang="en"> </head> <body> <div style="width: 1000px; padding-left: 15px;"> <select style="width: 118px;"> <option>a</option> <option>b</option> <option>c</option> </select> </div> </body> </html> and result: here plunker: click it happend on firefox on windows. tested on 40.0.2 version -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; source: https://stackoverflow.com/a/11390432/4431269 source of problem: https://bugzilla.mozilla.org/show_bug.cgi?id=924068 and use of google ! edit: (source of problem, explained) after rea
Read more

python - build a suggestions list using fuzzywuzzy -

-
i building suggestion engine database. i'm using fuzzywuzzy module match user input string existing database shown below. if request.method == "get": display_dict = {} user_input = request.get["user_input"] # user input match_dict = {} food_items_obj = food_items.objects.all() # fetch objects table items in food_items_obj : match = fuzz.ratio(user_input.lower(),items.name.lower()) # try match user input existing names match_dict[match] = items.name # put 1 dictionary matched_dict = ordereddict(sorted(match_dict.items(),reverse = true)) # sort dictionary if max(matched_dict.keys()) == 100: # if exact match put in dict , return display_dict[100] = matched_dict[100] else : # if not found try best matching words.. ###########this part need help! ############# k,v in matched_dict.items(): if user_input in v : display_dict[k]
Read more