javascript - 如何将json数据从html页面发送到node.js服务器

Question

我想从我的客户端页面发送一些json数据到node.js的服务器页面， 这里我有我的服务器页面:

var express = require('express');
var bodyParser = require('body-parser');
var app = express();

app.use(bodyParser.json());

app.post('/', function(req,res){
   res.send('recieved request');
   console.log(req.body);
});

app.listen(8081);
console.log('listening on 8081');

客户端页面:

var name ='someName';
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function(){
if(this.readyState== 4 && this.status == 200){
  console.log(this.responseText);
	}
};
xhttp.setRequestHeader({'Content-Type': 'application/json'});
xhttp.open('POST', 'http://localhost:8081', true);
xhttp.send(JSON.stringify({'name' : name}));

我得到的结果是 null json {}。

注意:我不想提交表单，我只想将 JSON 数据从 html 文件发送到 node.js 文件。

Answer 1

调用 XMLHTTPRequest#setRequestHeader 的正确签名是 setRequestHeader(header, value);

改变

xhttp.setRequestHeader({'Content-Type': 'application/json'});

至

xhttp.setRequestHeader('Content-Type', 'application/json');

文档:https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/setRequestHeader