时间戳

首页 > 解决方案 > 无法解析 JSON 数据：SyntaxError：JSON 输入意外结束

javascript - 无法解析 JSON 数据：SyntaxError：JSON 输入意外结束

问题描述

我正在尝试解析来自 jackAPI 的数据以生成随机笑话。我使用了函数 response.on() 和 JSON.parse()，我得到了 200 个 statusCode，所以我知道我的代码正在工作，但我不断收到错误。

这是我的代码：

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

const app = express();
app.use(bodyParser.urlencoded({
  extended: true
}));

app.get("/", function(req, res) {
  const url = "https://sv443.net/jokeapi/v2/joke/Any?blacklistFlags=nsfw"
  https.get(url, function(response) {
    console.log(response.statusCode);

    response.on("data", function(data){
      const jokeData = JSON.parse(data);
      console.log(jokeData);
    });

  });
  res.sendFile(__dirname + "/index.html");
});



app.listen(3000, function() {
  console.log("Server is running on port 3000.");
});

这是我在 Hyper 中得到的回复：

Server is running on port 3000.
200
undefined:6
    "delivery": "T
                  

SyntaxError: Unexpected end of JSON input
    at JSON.parse (<anonymous>)
    at IncomingMessage.<anonymous> (/Users/aimee/Documents/JokeProject/app.js:16:29)
    at IncomingMessage.emit (events.js:315:20)
    at IncomingMessage.Readable.read (_stream_readable.js:506:10)
    at flow (_stream_readable.js:1006:34)
    at resume_ (_stream_readable.js:987:3)
    at processTicksAndRejections (internal/process/task_queues.js:84:21)
[nodemon] app crashed - waiting for file changes before starting...

我研究了这个错误，尝试修复我的代码，在 Stack Overflow和其他网站（如 teamtreehouse.com和stechies.com ）上查看了类似的问题，尝试了他们的建议以及无数其他人的建议，但没有雪茄。有谁知道我该如何解决这个问题？

！！ - 更新 - ！！

按照TJ Crowder的建议，在阅读ReadableStream及其数据事件的文档后，我更新了我的代码，由dwosk编写：

app.get("/", function(req, res) {
  const url = "https://sv443.net/jokeapi/v2/joke/Any?blacklistFlags=nsfw"
  https.get(url, function(response) {
    console.log(response.statusCode);
    let body = '';

    response.on("data", function(data){
      body += data;
    });
    response.on("end", function() {
      var resp = JSON.parse(body);
      console.log(resp);
    })

  });
  res.sendFile(__dirname + "/index.html");
});

现在我的代码可以工作了，我的数据也被解析了。

Server is running on port 3000.
200
{
  error: false,
  category: 'Programming',
  type: 'single',
  joke: 'If Bill Gates had a dime for every time Windows crashed ... Oh wait, he does.',
  flags: {
    nsfw: false,
    religious: false,
    political: false,
    racist: false,
    sexist: false
  },
  id: 22,
  lang: 'en'
}

它有助于了解 ReadableStream 及其数据事件，并且在我了解到数据回调不是整个主体之后，我设法通过将新数据附加到字符串来获取完整的 JSON 文本，从而使我能够解析数据.

标签： javascriptnode.jsjsonparsingsyntax

解决方案

该data事件为您提供了大量数据，而不是全部数据。请参阅ReadableStream及其data事件的文档。

end在事件发生之前，您不知道数据是否完整。这是事件文档中的一个示例，end显示了它是如何工作的：

const readable = getReadableStreamSomehow();
readable.on('data', (chunk) => {
  console.log(`Received ${chunk.length} bytes of data.`);
});
readable.on('end', () => {
  console.log('There will be no more data.');
});

http.get或者文档中的这个例子（https.get文档链接到）：

let rawData = '';
res.on('data', (chunk) => { rawData += chunk; });
res.on('end', () => {
  try {
    const parsedData = JSON.parse(rawData);
    console.log(parsedData);
  } catch (e) {
    console.error(e.message);
  }
});

请注意，假设已提供编码，因此块是字符串，而不是Buffer实例。

推荐阅读