Express Accessing Angular Http Post Data

Question

I have been having trouble accessing the data that is passed to express.js from angular http service.

I am using the http service :

$http.post('/someUrl', data, config).then(successCallback, errorCallback);

This is what I am doing in angular:

$http.post('/api/topic', {data : topic}).then(successCallback, errorCallback);

This is what I am doing on in express:

app.post('/api/topic', function(req,res){console.log(req.data);});

We are assuming the topic is an object recieved from angular's frontend.

{
    username : 'dan',
    topic : 'I want to learn more',
    description : 'Where can I learn more about web development',
    category : 'web development'
}

So my question is : How does the backend end using express access the angular http data field?

if you're sending it via post, then you need to read the request body — SoluableNonagon
– SoluableNonagon, Commented Dec 23, 2015 at 21:32

SoluableNonagon · Accepted Answer · 2015-12-23 21:34:37Z

3

for POST requests you need body parser (get requests still access data)

var app = require('express')();
var bodyParser = require('body-parser');
var multer = require('multer'); // v1.0.5

app.use(bodyParser.json()); // for parsing application/json
app.use(bodyParser.urlencoded({ extended: true })); // for parsing application/x-www-form-urlencoded

app.post('/api/topic', function (req, res, next) {
  console.log(req.body);
  res.json(req.body);
});

answered Dec 23, 2015 at 21:34

SoluableNonagon

11.8k11 gold badges59 silver badges100 bronze badges

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

6 Comments

SoluableNonagon Over a year ago

This assumes ExpressJS 4

Nello Over a year ago

Yes I have body parser but the req.body return an empty object.

Nello Over a year ago

oh nevermind I was not parsing json. I missed out the app.use(bodyParser.json());

SoluableNonagon Over a year ago

Post more of your code for better help. Try printing both the request data and request body see what you get. Are you absolutely sure that the data is sent? did you check the dev console (Chrome and Firefox both have it readily available) to see what's sent.

Nello Over a year ago

I was only parsing form and I only used app.use(bodyParser.urlencoded({ extended: true })); thanks for the insight.

|

Collectives™ on Stack Overflow

Express Accessing Angular Http Post Data

1 Answer 1

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related