How to send data to node js server with ajax

Question

I'm trying to read data sent to node.js server.

Client side:

const sendToDB =(date)=> {
  var xhttp = new XMLHttpRequest();
  var d = JSON.stringify(date);
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      console.log(d);
    }
  };
  xhttp.open("POST", "api/info", true);
  xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  xhttp.send(d);
}

and the server:

var http = require('http');
var server = http.createServer(function(req, res) {
  res.writeHead(200, { 'Content-Type': 'text/plain' });
  req.on('data', function (chunk) {
    console.log(req.body.date);
  });
  res.end();
});
server.listen(3001);

how to receive data sent with xhttp.send(d) in node js server ?

wrangler · Accepted Answer · 2017-12-06 15:31:02Z

1

var server = http.createServer(function(req, res) {
      if(req.method == "POST"){       
           var clientData = '';
           req.on('data', function (chunk) {
                clientData+=chunk;
           });
           req.on('end',function(){
                console.log(JSON.parse(clientData));
           })
      }
      res.end();
});

answered Dec 6, 2017 at 15:31

wrangler

3,5721 gold badge22 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

LMokrane · Accepted Answer · 2017-12-06 14:50:21Z

0

you should use the header "Content-Type", "application/json" as you send some json data. make sure you send a such an object :

{
  date: {
    foo: bar
  }
}

as your server is expecting it in the body req.body.date

answered Dec 6, 2017 at 14:50

LMokrane

8266 silver badges15 bronze badges

Collectives™ on Stack Overflow

How to send data to node js server with ajax

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related