从离子应用程序发送发布请求时，expressjs服务器中req.body为null

Question

I am developing an ionic app when I am sending a post request using angularjs $http.post to my express js server, I cannot see the data in the req.body.

I am running my server on localhost:3000

Code in my server for CORS

     app.use(function(req, res, next) {
     res.header("Access-Control-Allow-Origin", "*");
     res.header("Access-Control-Allow-Headers", "Content-Type");
     res.header("Access-Control-Allow-Methods", "GET,PUT,DELETE,POST");
     next();
     });

My angular Js post request

        $http.post('http://localhost:3000/signup',{"username":"x","password":"y"}).success(function(res){

     console.log(res);
     if(res.msg=="success")
     {
       //do something
     }
}

I am able to see data in req.body as "key" like:
{'{"username":"x","password":"y"}':''}
When I am setting the header from ionic app as:

$http.defaults.headers.post["Content-Type"] = 'application/x-www-form-   urlencoded; charset=UTF-8';

Please let me know how to debug this

Answer 1

You are getting the entire data as key in req.body . This is because the angular request that you are making is wrong. Here is the part of code that should work

$http({
    url: 'http://localhost:3000/signup',
    method: "POST",
    data: { username : "a" , password : "b" }
})
.then(function(response) {
        // success
}, 
function(response) { // optional
        // failed
});

Answer 2

Well I figured that out I have used this stackoverflow link Ionic framework http post request to parse my data before its send to my server

  $http.defaults.headers.post["Content-Type"] = 'application/x-www-form-urlencoded; charset=UTF-8';
   Object.toparams = function ObjecttoParams(obj)
   {
     var p = [];
     for (var key in obj)
     {
       p.push(key + '=' + encodeURIComponent(obj[key]));
     }
     return p.join('&');
   };

   $http({
     url: 'http://localhost:3000/signup',
     method: "POST",
     data: Object.toparams(u)
   })
     .then(function(response) {
         console.log(response);
       },
       function(response) { // optional
         // failed
       });