Sending a JSON file to Express server using JS

Question

I am fairly new to JS and I have a JSON file that I need to send to my server (Express) that I can then parse and use its contents throughout the web app I'm building.

Here's what I have now:

a JSON file named data.json
an Express server set up that is running on a localhost
some shitty code:

    app.get('/search', function (req, res) {
     res.header("Content-Type",'application/json');
     res.send(JSON.stringify({/data.json/}));
    });

In the code above I am just trying to send the file to localhost:3000/search and see my JSON file, but all I receive when I go to that path is { }. Can anyone explain?

Any help would be immensely appreciated. Thanks so much in advance.

Cheers, Theo

Example snippet from data.json:

[{
    "name": "Il Brigante",
    "rating": "5.0",
    "match": "87",
    "cuisine": "Italian",
    "imageUrl": "/image-0.png"
}, {
    "name": "Giardino Doro Ristorante",
    "rating": "5.0",
    "match": "87",
    "cuisine": "Italian",
    "imageUrl": "/image-1.png"
}]

for sending a file as response object, check accepted ans here : stackoverflow.com/questions/7288814/… — Robert Rowntree
– Robert Rowntree, Commented Jun 30, 2017 at 15:39

Khauri · Accepted Answer · 2021-01-09 02:19:43Z

34

Just make sure you're requiring the correct file as a variable and then pass that variable into your res.send!

const data = require('/path/to/data.json')

app.get('/search', function (req, res) {
  res.header("Content-Type",'application/json');
  res.send(JSON.stringify(data));
})

Also, my personal preference is to use res.json as it sets the header automatically.

app.get('/search', function (req, res) {
  res.json(data);
})

EDIT:

The drawback to this approach is that the JSON file is only read once into memory. If you don't want the file read into memory or you're planning on modify the JSON on disk at some point then you should see Ian's Answer

edited Jan 9, 2021 at 2:19

answered Jun 30, 2017 at 15:00

Khauri

3,8731 gold badge13 silver badges19 bronze badges

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

6 Comments

Theo Strauss Over a year ago

thanks so much! weirdly, the app.get function works, but it crashes whenever i put the `const data = require('src/data.json/'). any clue?

Denis Tsoi Over a year ago

const data = require('./src/data.json')

Khauri Over a year ago

Check your stack trace and see what it says and if it's locating the file. Remember that the require function starts looking in the directory in which the file it was called in is located, not the root of your application.

Theo Strauss Over a year ago

got it to work but now getting this error: "TypeError: path must be a string or Buffer". do you think the json file is formatted incorrectly? thanks for helping me again

Khauri Over a year ago

Based on the sample you've supplied, your json is fine. This error may be coming from somewhere else in your application. Check the error stack trace for the line number and file that's causing it. It may be coming from improper usage of the fs (filesystem) module.

|

Ian · Accepted Answer · 2018-08-02 14:19:39Z

9

Another option is to use sendFile and set the content type header.

app.get('/search', (req, res) => {
    res.header("Content-Type",'application/json');
    res.sendFile(path.join(__dirname, 'file_name.json'));
})

The code assumes the file is in the same directory as the JS code. This answer explains how this works.

answered Aug 2, 2018 at 14:19

Ian

7,5683 gold badges49 silver badges54 bronze badges

1 Comment

The Fool Over a year ago

much better as we dont have to read the file first into memory

user5480949 · Accepted Answer · 2017-06-30 14:45:49Z

2

Try res.json(data.json) instead of res.send(...

answered Jun 30, 2017 at 14:45

user5480949

1,7801 gold badge21 silver badges24 bronze badges

6 Comments

Theo Strauss Over a year ago

thanks, but this doesn't solve my issue. Still getting "{ }". Is there a problem with my JSON do you think?

user5480949 Over a year ago

do a console.log(data.json) before sending it to see if it looks ok

Theo Strauss Over a year ago

it looks great! printing to terminal

user5480949 Over a year ago

So in the terminal it looks ok but when you navigate to the page you just see "{}" ?

Theo Strauss Over a year ago

exactly. really weird

|

Soth · Accepted Answer · 2021-02-25 06:12:12Z

0

Because __dirname resolves to where your script is running I prefer using path.resolve()

var path = require('path');

app.get('/search', (req, res) => {
    res.header("Content-Type",'application/json');
    res.sendFile(path.resolve('search/data.json'));
})

edited Feb 25, 2021 at 6:12

answered Feb 25, 2021 at 6:06

Soth

3,0852 gold badges30 silver badges29 bronze badges

Comments

Arpit Solanki · Accepted Answer · 2017-06-30 14:47:18Z

-1

Read the file first and then send the json to the client.

fs.readFile('file_name.json', 'utf8', function (err, data) {
  if (err) throw err;
  obj = JSON.parse(data);
  res.send(JSON.stringify(obj));
});

answered Jun 30, 2017 at 14:47

Arpit Solanki

10k4 gold badges45 silver badges57 bronze badges

4 Comments

Theo Strauss Over a year ago

Hi! Thanks so much. I nested that in my app.get function. Is that what I should've done? Here is the code I have:

app.get('/search', function (req, res) {   app.readFile('data.json', 'utf8', function (err, data) {   if (err) throw err;   obj = JSON.parse(/data.json/);   res.send(JSON.stringify(obj));   }); });

I am getting an error on the localhost saying app.readFile is not a function. Any clue why?

Arpit Solanki Over a year ago

app.readFile won&#39;t work. You first have to add a require statement. var fs = require('fs'); Then use fs.readFile

Theo Strauss Over a year ago

hmm what's fs? should it be 'app'?

user5480949 Over a year ago

fs (File System) is a module included in Node

Collectives™ on Stack Overflow

Sending a JSON file to Express server using JS

5 Answers 5

6 Comments

1 Comment

6 Comments

Comments

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

6 Comments

1 Comment

6 Comments

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related