how to send json data from html page to node.js server

Question

i want to send some json data from my client page to server page of node.js, here i have my server page :

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');

client page:

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}));

I got the result as a null json {}.

NOTE: I don't want to about submission of a form , i just want to send JSON data from html file to node.js file.

i got the response on html page as received request, but get a null json on server page. — Vishal Aggarwal
– Vishal Aggarwal, Commented Jul 5, 2017 at 15:07

Dancrumb · Accepted Answer · 2017-07-05 15:07:17Z

1

The correct signature for a call to XMLHTTPRequest#setRequestHeader is setRequestHeader(header, value);

Change

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

to

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

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

answered Jul 5, 2017 at 15:07

Dancrumb

27.7k10 gold badges79 silver badges139 bronze badges

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

Collectives™ on Stack Overflow

how to send json data from html page to node.js server

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related