SyntaxError: Unexpected end of JSON input at JSON.parse (<anonymous>) on("data")

Question

I tried using other api and it worked, however it does not work with this one.

const express = require("express");
const https = require("https");
const bodyParser = require("body-parser");

const app = express();

app.use(bodyParser.urlencoded({extended:true}));
app.use(bodyParser.json());
app.get("/",(req, res)=>{
https.get("https://pixabay.com/api/?key=xxx-zzz&q=yellow+flowers&image_type=photo", (response)=>{
   console.log(response.statusCode);
       response.on("data",d=>{
           const lala = JSON.parse(d);
           console.log(lala);
       })
    
    })
});
app.listen(3000,()=>{
    console.log("Server started on port 3000")
})

I got this in the console

200
undefined:1
{"total":28739,"totalHits":500,"hits":[{"id":3063284,"pageURL":"https://pixabay.com/photos/rose-flower-petal-floral-noble-3063284/","type":"photo","tags":"rose, flower, petal","previewURL":"https://cdn.pixabay.com/photo/2018/01/05/16/24/rose-3063284_150.jpg","previewWidth":150,"previewHeight":99,"webformatURL":"https://pixaba

SyntaxError: Unexpected end of JSON input
at JSON.parse ()

Is there another console.log() that you don't show in the snippet? Where is undefined:1 coming from? — Barmar
– Barmar, Commented Nov 16, 2020 at 6:26
You have three outputs in the console and I can only find 2 console.logs. something is missing. And a piece of advise, never share a code snippet with sensitive info like API key. It'd be wise if you omit the API from your snippet. — Suraj Auwal
– Suraj Auwal, Commented Nov 16, 2020 at 6:30
@SiradjiAwoual Thank you for the adviced. I won't do it again — willowha
– willowha, Commented Nov 16, 2020 at 17:13

mplungjan · Accepted Answer · 2020-11-16 06:29:20Z

1

The data event does not mean that a request has completed. Request data is sent in packets.

Use the data event to collect all the data and then combine it in the end event before interacting with your data:

const express = require("express");
const https = require("https");
const bodyParser = require("body-parser");

const app = express();

app.use(bodyParser.urlencoded({extended:true}));
app.use(bodyParser.json());
app.get("/",(req, res)=>{
https.get("https://pixabay.com/api/?key=xxx-zzz&q=yellow+flowers&image_type=photo", (response)=>{
   console.log(response.statusCode);
       let chunks = [];
       response.on("data",d=>{
           chunks.push(d);
       });
       response.on("end",()=>{
           const lala = JSON.parse(Buffer.concat(chunks).toString('utf8'));
           console.log(lala);
       });
    });
});
app.listen(3000,()=>{
    console.log("Server started on port 3000");
});

edited Nov 16, 2020 at 6:29

mplungjan

180k29 gold badges183 silver badges246 bronze badges

answered Nov 16, 2020 at 6:27

theusaf

1,8121 gold badge11 silver badges19 bronze badges

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

Collectives™ on Stack Overflow

SyntaxError: Unexpected end of JSON input at JSON.parse (<anonymous>) on("data")

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related