angularjs post request to nodejs api

Question

I've angularjs post call (submit a login form data) to a /login nodejs API endpoint. The data received at Nodejs endpoint (in request.body) is not in json format but it has extra padding as shown below, { '{"email": "[email protected]", "password": "aaa"}': ''} What is this format? How do I access 'email' and/or password from this object?

Client code,

login: function(loginData, callback) {
  $http({
    method: 'POST',
    url: '/api/login',
    data: loginData,
    headers: {'Content-Type': 'application/x-www.form-urlencoded'}
  }).then(function successCallback(response) {
    }, function errorCallback(response) {
    });
}

Server code:

app.post('/login', function(req, res) {
  console.log('Email:' + req.body.email);  //this gives undefined error
  console.log(req.body);   // shows { '{"email": "[email protected]", "password": "aaa"}': ''}
}

What am I missing? Any help is appreciated.

--Atarangp

You have a stringified object in your body - JSON.parse(req.body) — tymeJV
– tymeJV, Commented Feb 3, 2016 at 22:08
JSON.parse() gives internal server error with 'Unexpected token o' error in Object.parse — Atarang
– Atarang, Commented Feb 3, 2016 at 22:25

anotherdev · Accepted Answer · 2016-02-03 22:11:06Z

3

By default angularjs use JSON.stringify. If you wanna use x-www-form-urlencoded, you have to specify your transform function.

// transforme obj = {attr1: val1} to "attr1=" + encodeURIComponent(val1) + "&attr2=" ... 
function transformRequestToUrlEncoded(obj) {
    var str = [];
    for(var p in obj)
      str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]));
    return str.join("&");
  }

$http({
    method: 'POST',
    url: your_url,
    headers: {'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'},
    transformRequest: transformRequestToUrlEncoded, // specify the transforme function
    data: datas
  });

answered Feb 3, 2016 at 22:11

anotherdev

2,5671 gold badge16 silver badges24 bronze badges

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

Collectives™ on Stack Overflow

angularjs post request to nodejs api

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