从客户端JavaScript发送数据到节点js

时间:2019-10-08 14:28:54

标签: javascript html node.js

问题是,当我将数据发送回节点js时,每次发送令牌时似乎都增加了令牌,所以我收到了错误消息。

im使用body-parser从客户端JavaScript向节点js发送发布请求

这是客户端代码

<dl>
    {{#each this}}
    <dd>
        <a href="topic.hbs" onclick="getRoomId({{room_id}})">{{room_name}}</a>

    </dd>
    {{/each}}
</dl>

<script>
    function getRoomId(id){

    var xhr = new XMLHttpRequest();
    xhr.open('POST', 'topic.hbs');
    xhr.setRequestHeader('Content-Type', 'application/json');
    xhr.send(JSON.stringify(id));
    }
</script>

这是节点js代码

const bodyParser = require('body-parser')
app.use(express.static('./'));
app.use(bodyParser.json());

app.post('/topic.hbs', function(req, res){
  console.warn('body: ',  req.body);
  res.render('topic.hbs')
});

我希望将ID发送回节点js,但始终收到此错误。

SyntaxError: Unexpected token 1 in JSON at position 0
    at JSON.parse (<anonymous>)
    at createStrictSyntaxError (/Users/Ben255/Desktop/webprojekt/Forum/node_modules/body-parser/lib/types/json.js:158:10)
    at parse (/Users/Ben255/Desktop/webprojekt/Forum/node_modules/body-parser/lib/types/json.js:83:15)
    at /Users/Ben255/Desktop/webprojekt/Forum/node_modules/body-parser/lib/read.js:121:18
    at invokeCallback (/Users/Ben255/Desktop/webprojekt/Forum/node_modules/raw-body/index.js:224:16)
    at done (/Users/Ben255/Desktop/webprojekt/Forum/node_modules/raw-body/index.js:213:7)
    at IncomingMessage.onEnd (/Users/Ben255/Desktop/webprojekt/Forum/node_modules/raw-body/index.js:273:7)
    at IncomingMessage.emit (events.js:203:15)
    at endReadableNT (_stream_readable.js:1145:12)
    at process._tickCallback (internal/process/next_tick.js:63:19)

1 个答案:

答案 0 :(得分:1)

所以您的问题是您尝试使用JSON.Stringify一个数字,该数字返回一个数字。在控制台中,输入JSON.stringify(5),它将返回5

您需要发送一个JSON对象,因为这就是您在编写xhr.setRequestHeader('Content-Type', 'application/json');时告诉要发送的服务器的内容。所以代替这个:

xhr.send(JSON.stringify(id));

尝试这样的事情:

xhr.send(JSON.stringify({id: id}),它将发送"{"id":5}"