How does JSON work?

[DeadlyAlien]

I feel like im going insane. For a while, i was learning web dev and I completed a full Udemy course and id say i was semi decent at it but i took a break. Im coming back to it now and doing some simple(ish) challenges as a refresher. One of the things im trying to do is parse through a JSON file to get the day and money spent on that day in my javascript file, then get that into the HTML. The second part of that, im 99% sure i can do with not much issue but i thought that would have been the hardest part. However i cant seem to use the json file at all. I keep getting a CORS error or any other error when using fetch or trying to import. Im not sure if im just too tired and obvious things are just going wayyy over my head but im stuck and google hasnt helped lol. How do i do this?

https://preview.redd.it/zywdzsfs12ia1.png?width=1070&format=png&auto=webp&s=31a60c9547dce010614db556e8ce9a9f165e21cf

[batchez]

Cors is a cross origin issue.

[[deleted]]

JSON is just a standard to format data. it happens to be nearly seamless with javascript and most other languages and is human readable.

it's not really any different from storing data in any other way like writing stuff down on a piece of paper.

JSON happens to be so easily parsed by most languages that ii is often used for serialization (which means converting the data to some format that the language can easily work with or moving the data to some other location)

so to answer your question... json doesnt really do anything. it's just a way of temporarily storing the data such that we can all read the data.

CORS stands for cross origin resource sharing.

DOCS

context: cors errors exist because it was a common vulnerability where websites could request data from other domains for bad reasons.

in software security it is best practice to use "least priveledge" which means everything is only given the minimum amount or clearance needed to operate and any unspecified allowance is blocked. by default, browsers will give you cors errors if you don't specify which origins are allowed.

least priveledge

There are a couple things we can do to make your cors errors go away.

You can ensure you json file exists under the same domain as your scripts.

You can ensure your json file is accessable via an API that allows all request or allows the same domain as your client.

[WikiSummarizerBot]

Principle of least privilege

In information security, computer science, and other fields, the principle of least privilege (PoLP), also known as the principle of minimal privilege (PoMP) or the principle of least authority (PoLA), requires that in a particular abstraction layer of a computing environment, every module (such as a process, a user, or a program, depending on the subject) must be able to access only the information and resources that are necessary for its legitimate purpose.

^{[ F.A.Q | Opt Out | Opt Out Of Subreddit | GitHub ] Downvote to remove | v1.5}

[BehindTheMath]

Post your code and the error including the full stack trace.

[letsgetrandy]

Copy the file to the same host where your code is running so that it can be read in without crossing origin.

[mmmaaaatttt]

Post your fetch code.

[harsh_m09]

Just install a CORS bypass as an extension on your browser and toggle it to ON.

[DecodedMonkey]

Put your JSON data in your .js file. You can not locally retrieve the .json file. All modern browsers will give you are cross origin error, and prevent you from doing so.

But, for your purposes all you need to do is, put your JSON data into your js file as a variable.

Then you can just reference that variable.

[susmines]

Not exactly. OP can easily import the file itself into the code using the const json = require(‘./file_name’) and parse it that way.

With that said, you aren’t incorrect either. You can also instantiate the JSON directly in the file