Export javascript object to use it in another program

Question

I'm trying to build an offline navigation.

I have two versions of my program: online and offline.

I create an object based on a google maps request
I want to "store" this object somehow
I want to access this object in the offline version of the program.

If I do console.log(object) google chrome gives me the object, but I cant just copy it and paste in the offline version.

Any ideas how to "export" the object?

Damien · Accepted Answer · 2014-08-19 15:49:00Z

2

Stringify your object -> JSON.stringify( yourObject );
Save your file as JSON ( you can use library like : https://github.com/eligrey/FileSaver.js/ )
Upload this JSON to your offline app
Parse it -> JSON.parse( youJsonFile.json )

answered Aug 19, 2014 at 15:49

Damien

4,1231 gold badge19 silver badges18 bronze badges

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

3 Comments

xmojmr Over a year ago

@lornz see also stackoverflow.com/questions/383692/…?

lornz Over a year ago

I just need to store the object one time and then I wont have to touch the online version ever again. So I thought about JSON.stringify too. I did: JSON.stringify(myObject) and printed it with console.log. Then I copied that string into the offline version and tried to parse it. But that gives me an error "error: SyntaxError: Unexpected token f SyntaxError: Unexpected token f at Object.parse (native)"

Damien Over a year ago

Can you paste here your stringified object ?

Carlos Guzman · Accepted Answer · 2014-08-19 16:02:05Z

0

I guest you use HTML5 for you task? In the case answer is yes, is ease save local data for your use in offline mode. You can read this tutorial for localStorage object Local Storage in HTML5

Now, the next code help you to save online data in local storage, and access this in offline:

function init() {
   var googleMapObject = null;

   // This is first status verification
   if (navigator.onLine) {
      googleMapObject = anyMethodToGetData();

      // Save remote object in local storage
      localStorage['googleMapsObject'] = JSON.stringify(googleMapObject);
   } else {
      // In offline mode, return local storage data
      if (localStorage['googleMapsObject']) {
         googleMapObject = JSON.parse(localStorage['googleMapsObject']);
      }
   }

   return googleMapsObject;
}

The init method is call in load/ready event. If you need detect change in online/offline state, use online/offline events.

Regards!!

answered Aug 19, 2014 at 16:02

Carlos Guzman

3635 silver badges11 bronze badges

1 Comment

lornz Over a year ago

I thought about that too. But I need to transfer the offline version to another device. So the local storage of my browser won't be avaible.

Collectives™ on Stack Overflow

Export javascript object to use it in another program

2 Answers 2

3 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related