Databases
StackOverflow2013
Postsdbo
POhow access localstorage using chrome extension
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POhow access localstorage using chrome extension
    primarykey
    data
    text
    <p>I am working on a chrome extension and I am able to successfully store information to local storage, but my issue is actually access that information once it's in local storage. What I have not does not return anything just says NULL.</p> <p>I have two files: options.html, and content.js. The options.html is where the user will input the information to save to local storage and the content.js will access the information to use.</p> <p><strong>options.html</strong></p> <pre><code>$(function() { // Insert new buttons (you'd probably not ACTUALLY use buttons, instead saving on blurs or every x seconds) $("#save_buttons").after("&lt;input type='submit' value='Save Form' id='saveData'&gt;").after("&lt;input type='submit' value='Clear Saved Data' id='clearData'&gt;"); $("#saveData").click(function(e) { // Don't actually submit form e.preventDefault(); // Bit of generic data to test if saved data exists on page load localStorage.setItem("flag", "set"); // serializeArray is awesome and powerful var data = $("#hanes").serializeArray(); // iterate over results $.each(data, function(i, obj) { // HTML5 magic!! localStorage.setItem(obj.name, obj.value); }); }); // Test if there is already saved data if (localStorage.getItem("flag") == "set") { // Tell the user $("header").before("&lt;p id='message'&gt;This form has saved data!&lt;/p&gt;"); // Same iteration stuff as before var data = $("#hanes").serializeArray(); // Only the only way we can select is by the name attribute, but jQuery is down with that. $.each(data, function(i, obj) { $("[name='" + obj.name +"']").val(localStorage.getItem(obj.name)); }); } // Provide mechanism to remove data. You'd probably actually remove it not just kill the flag $("#clearData").click(function(e) { e.preventDefault(); localStorage.setItem("flag", ""); }); }); &lt;form id="hanes" name="hanes"&gt; First name: &lt;input type="text" name="firstname" id="firstname" /&gt;&lt;br /&gt; Last name: &lt;input type="text" name="lastname" /&gt;&lt;br /&gt; Address: &lt;input type="text" name="address" /&gt;&lt;br /&gt; City: &lt;input type="text" name="city" /&gt;&lt;br /&gt; &lt;/form&gt; </code></pre> <p><strong>background.html</strong></p> <pre><code>chrome.extension.onRequest.addListener(function(request, sender, sendResponse) { if (request.method == "firstname") sendResponse({status: localStorage['firstname']}); else sendResponse({}); }); chrome.extension.onRequest.addListener(function(request, sender, sendResponse) { if (request.method == "lastname") sendResponse({status: localStorage['lastname']}); else sendResponse({}); }); </code></pre> <p><strong>content.js</strong></p> <pre><code>chrome.extension.sendRequest({method: "firstname"}, function(response) { alert(response.status); }); chrome.extension.sendRequest({method: "lastname"}, function(response) { alert(response.status); }); </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USMr. 1.0
    1. USMr. 1.0
    plurals
    1. PL
      singulars
      1. LTLinked
    2. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POhow access localstorage using chrome extension
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POhow access localstorage using chrome extension
      1. USuser1314075
      1. VTFavorite
    1. COIf you look at the [resources tab](https://developers.google.com/chrome-developer-tools/docs/resources) on `options.html` do you see the data as expected under localstorage?
      singulars
      1. POhow access localstorage using chrome extension
      1. USabraham
    2. CO@abraham Yes, I am able to see all data in the resources tab under local storage, and I am able to get it working with `Message Passing`. I updated the code can you explain how I can call each piece of data from the local storage I don't know how to call them all. I only know how to call one.
      singulars
      1. POhow access localstorage using chrome extension
      1. USMr. 1.0
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload