意外的標記“<”，“<div id="text_translate"><p> 在過去的幾天里，我一直在嘗試解決這個錯誤。我非常困惑，因為我不知道為什么這不起作用。任何幫助或建議將不勝感激。</p><p> 當我嘗試在我的客戶端 js 中從 node.js 獲取數據時，我的 JSON 解析器給我一個錯誤：</p><pre> uncaught SyntaxError: Unexpected token '<', "<.DOCTYPE "... is not valid JSON at JSON.parse (<anonymous>) at XMLHttpRequest.onLoad (something:js:18:29)</pre><p> 為此，我使用了 node、js 和 html，總共 3 個文件。這是 index.js：</p><pre> 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); });</pre><p> html：</p><pre> <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></pre><p> 客戶端JS：</p><pre> 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'); }</pre><p> 無論我嘗試什么，它似乎都讓我感到困惑。任何答案或建議都將非常有幫助，並提前感謝您提出任何建議。</p></div>

Question

在過去的幾天里，我一直在嘗試解決這個錯誤。 我非常困惑，因為我不知道為什么這不起作用。 任何幫助或建議將不勝感激。

當我嘗試在我的客戶端 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');
}

無論我嘗試什么，它似乎都讓我感到困惑。 任何答案或建議都將非常有幫助，並提前感謝您提出任何建議。

Answer 1

哦哇。 哈哈哈我的錯。 經過 10 個小時的艱苦搜索試圖解決這個問題，我終於解決了這個問題。

res.open('get')應該是res.open('post') 。

問題描述

1 個解決方案

解決方案1
0 2022-11-10 04:30:40

問題描述

1 個解決方案

解決方案1 0 2022-11-10 04:30:40

解決方案1
0 2022-11-10 04:30:40