意外的标记“〈”，“〈！DOCTYPE..."不是有效的JSON,使用表达式和解析错误,任何建议都是很好的

whhtz7ly 于 2022-11-19 发布在其他

关注(0)|答案(1)|浏览(2153)

在过去的几天里，我一直在尝试解决这个错误。我非常困惑，因为我不知道为什么这是行不通的。任何帮助或建议将不胜感激。
当我尝试从客户端js中的node.js获取数据时，JSON解析器显示错误：

uncaught SyntaxError: Unexpected token '<', "<!DOCTYPE "... is not valid JSON
    at JSON.parse (<anonymous>)
    at XMLHttpRequest.onLoad (something.js:18:29)

我使用了node、js和html，总共3个文件。下面是index.js：

const express = require('express');

const app = express();

app.use(express.static('public'));
app.use(express.json());
app.listen(3000, () => {
  console.log('server started');
});

app.get('/', function(req, res) {
  console.log('hello')
});
app.listen(8080);

var bodyParser = require('body-parser');
app.use(bodyParser.urlencoded({ extended: false }));
app.use(bodyParser.json());

app.post('/testing/thisshit', async function(req, res) {
  console.log(req.body);
  var dataToSendToClient = '{"message":"potatohead"}';
  res.send(dataToSendToClient);
});

html：

<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  </head>
  <body>

<div>hellow world</div>

  <script src="something.js"></script>

</body>
</html>

客户端JS：

console.log('testing')
var abcd = {juice: "juice"}
  $.post( '/testing/thisshit', abcd);
var res = new XMLHttpRequest();
var url = '/testing/thisshit';
res.open('GET',url,true); // set this to POST if you would like
res.addEventListener('load',onLoad);
res.addEventListener('error',onError);
res.send();
function onLoad() {
  var response = this.responseText;
  console.log(response);
  var parsedResponse = JSON.parse(response);
  console.log("the result: " + parsedResponse)
}
function onError() {
  console.log('error');
}

无论我尝试什么，它似乎都让我困惑。任何答案或建议都会非常有帮助，提前感谢你的任何建议。

JSON

来源：https://stackoverflow.com/questions/74384128/unexpected-token-doctype-is-not-valid-json-utilizing-express-and-p