Best Places to Keep JSON Information

Question

Best Places to Keep JSON Information

As a beginner with JSON and Javascript, I am currently working on an app that requires handling multiple sets of data. With nearly 300 entries, each containing 6 properties, storing them in JSON format seems to be the most efficient approach. My goal is to retrieve this data from the app and perform various calculations.

However, I am struggling to determine the best method for storing this vast amount of data. While using global variables is convenient, it is not considered a good practice. One option I am considering is to store the data in a separate file and load it in using jQuery. Although this process may be more complex, it offers the advantage of easy updates when the entries need to be modified. I am uncertain about how this approach could impact the load times of the app.

In light of these considerations, I am seeking advice on the most preferable way or if there are alternative solutions that would work better. How would you recommend handling this situation?

javascript json

Answer 1

Answer №1

In my opinion, storing data in a .json file and then loading it with ajax is the way to go.

This method doesn't complicate working with data at all. It's still JSON and can easily be converted into a JavaScript object.

For example:

http://jsfiddle.net/mon3419m/

$.get('https://www.reddit.com/.json').done(function(data){
    data.data.children.forEach(makeLi);
});

As for global issues..

You can simply structure your code like this:

(function(){

     //all your code.

})();

Global code can become problematic when your application is large or when you are running scripts from multiple sources. This may cause unintentional interference with your variables. But using a self-invoking function like this can help prevent that. Functions in JavaScript create new scopes. By wrapping your code in (function(){})();, you are essentially calling the function and executing it right away.

To understand this concept better, consider the following examples:

funcName(); //invokes funcName
(funcName)(); //invokes funcName
(function funcName() {})(); //invokes funcName
(function(){})(); //invokes the nameless function

Answer 2

In my opinion, storing data in a .json file and then loading it with ajax is the way to go.

This method doesn't complicate working with data at all. It's still JSON and can easily be converted into a JavaScript object.

For example:

http://jsfiddle.net/mon3419m/

$.get('https://www.reddit.com/.json').done(function(data){
    data.data.children.forEach(makeLi);
});

As for global issues..

You can simply structure your code like this:

(function(){

     //all your code.

})();

Global code can become problematic when your application is large or when you are running scripts from multiple sources. This may cause unintentional interference with your variables. But using a self-invoking function like this can help prevent that. Functions in JavaScript create new scopes. By wrapping your code in (function(){})();, you are essentially calling the function and executing it right away.

To understand this concept better, consider the following examples:

funcName(); //invokes funcName
(funcName)(); //invokes funcName
(function funcName() {})(); //invokes funcName
(function(){})(); //invokes the nameless function

Answer 3

Answer №2

If you want to manipulate the information in your JSON file, you'll need to come up with a JavaScript algorithm to handle serialization and deserialization of your data efficiently.

Regarding storage, you can opt for saving the details in a local file or utilize a database table with a dedicated 'JSON' column.

There are numerous options available to you; all you have to do is outline your requirements clearly.

Answer 4

If you want to manipulate the information in your JSON file, you'll need to come up with a JavaScript algorithm to handle serialization and deserialization of your data efficiently.

Regarding storage, you can opt for saving the details in a local file or utilize a database table with a dedicated 'JSON' column.

There are numerous options available to you; all you have to do is outline your requirements clearly.

Answer 5

Answer №3

Instead of relying on global objects, consider encapsulating your code within a module to improve organization and avoid conflicts. Check out AMD (Asynchronous Module Definition) for more insight.

When it comes to managing data, storing it in a JSON file and creating functions within your module to handle data loading and manipulation is highly recommended.

Answer 6

Instead of relying on global objects, consider encapsulating your code within a module to improve organization and avoid conflicts. Check out AMD (Asynchronous Module Definition) for more insight.

When it comes to managing data, storing it in a JSON file and creating functions within your module to handle data loading and manipulation is highly recommended.

Best Places to Keep JSON Information

Answer №1

Answer №2

Answer №3

Similar questions

What is the best way to send an array of dates to the selectedDays attribute in react-day-picker?

Ways to grow your circle of friends on Facebook on a daily basis

What steps can be taken to turn off specific warning rules for CSS mode in ACE editor?

Javascript continues to conceal my web background without my permission

Stop auto-scrolling to the top when triggering a getJSON request

How can I generate 200 divs that are identical but each displaying a unique file (page0.svg, page1.svg..., page200.svg)?

Issues with retrieving information between AJAX and PHP (and vice versa)

Concealing a Component Until User Input is Present

Fulfill the promise to retrieve the value contained within

How to ensure vanilla JavaScript ES6 waits for Ajax requests to be completed

Strange behavior exhibited by the HTML DataList component within an Angular application

"Utilizing jQuery's AJAX POST method with PHP is successful, while using XMLHttpRequest is not yielding

Unlock the power of React Testing Library with the elusive waitFor function

What is the best way to create a regex pattern that can effectively split two consecutive mathematical operators ("/-", "*-") from a given string equation?

Strategies for sorting data in d3js/dimplejs visualizations

Encapsulate ng-style within quotation marks

Jest encountered an UnhandledPromiseRejection error because the promise was unexpectedly resolved instead of being rejected

Revise the mobile navigation opening feature to activate by clicking on a link instead of an icon

What is the best way to interact with my component in React?

Utilizing Vue's Getter and Setter to manipulate data within the frontend, rather than relying on the raw values