Node js and Angular js

Question

I am to send a user entered text through Angular js to Node js the issue is the node js server recognizes the event but does not get the data and print it I know I am doing some mistake in the code and do not know how to fix it. can some one please fix this code please.

angular.js

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
   $scope.submit= function(){
      var data = {
          id : "Angkirat"
          Password : "Sandhu"
      }

      $http.post("http://localhost:8081/meow", data)
        .success(function(req,res) {
         console.dir(req.body);
         res.send(req.body);
         alert("hogaya")
       }).error(function() {

      });
   }
});

Server.js

var express = require('express'); 
var app = express();
var bodyParser = require('body-parser');
var cors = require('cors');
var http = require("http");
var fs = require("fs");
var url = require("url");
var display = "";

http.createServer(function(request,response){
    var pathname = url.parse(request.url).pathname;
    console.log("Request for" + pathname + "received.");
    fs.readFile(pathname.substr(1),function (err,data){
        if(err){
            console.log(err);
            response.writeHead(404, {'Content-Type': 'text/html'});
        }else{
            response.writeHead(200, {'Content-Type': 'text/html'});
            response.write(data.toString());
        }
        app.use(cors());
        app.use(bodyParser.json());
        app.post('/meow', function(req, res){
            var cope = req.body.params;
            display = cope;
            console.log(cope);
        });
        response.end();
    });
}).listen(8080);
console.log(display)

Please can some one fix this problem for me.

did you try "req.body" to get the data instead "req.body.params" I think this is the issue — Yousef_Shamshoum, Jan 06 '17 at 10:19
You should also check which version of angular you are using. From Angular 1.6 you are no longer able to use `.success()` and `.error()` with `$http.post`. Use `.then()` instead. — nicholaschris, Jan 06 '17 at 10:24
`.error(function() { }` — Have you considered writing an error function that actually reports on errors when you get them?! — Quentin, Jan 06 '17 at 10:26
the version is 1.0.4 and the post even the error is not being displayed — Angkirat Sandhu, Jan 06 '17 at 10:59

score 0 · Answer 1 · answered Jan 06 '17 at 10:20

0

You are starting the server in 8080, but your hitting your service from http://localhost:8081/meow

answered Jan 06 '17 at 10:20

Thalaivar

23,282
5
60
71

I tried with the above recommendation but it still does not work – Angkirat Sandhu Jan 06 '17 at 10:34
1

does it go into app.post() function.... if its going i don't see res.send(json) from there which will trigger back your angularjs code. – Thalaivar Jan 06 '17 at 10:35
`Request for/webpage.htmlreceived.` `Request for/app.jsreceived.` this is what I get when I run the code in the terminal and execute the submit function – Angkirat Sandhu Jan 06 '17 at 10:56
can you put a console.log inside post and check whether its triggering... – Thalaivar Jan 06 '17 at 11:34

georgeawg · Answer 2 · 2017-01-09T07:51:33.853

The server code is in the client code

  //ERRONEOUS
  $http.post("http://localhost:8081/meow", data)
    .success(
      //-------------------------------------
      //THESE LINES BELONG IN THE SERVER CODE
      function(req,res) {
        console.dir(req.body);
        res.send(req.body);
      //-------------------------------------
        alert("hogaya")
   }).error(function() {

  });

The .success method of the $http service has a different signature:

 $http.post(url, data)
   .success(function onSuccess(data, status, headers, config) {
       // Handle success

UPDATE

The deprecated .success and .error methods have been removed from AngularJS 1.6.

Due to b54a39, $http's deprecated custom callback methods - .success() and .error() - have been removed. You can use the standard .then()/.catch() promise methods instead, but note that the method signatures and return values are different.

$http(...)
  .then(function onSuccess(response) {
    // Handle success
    var data = response.data;
    var status = response.status;
    var statusText = response.statusText;
    var headers = response.headers;
    var config = response.config;
    ...
  }).catch(function onError(response) {
    // Handle error
    var data = response.data;
    var status = response.status;
    var statusText = response.statusText;
    var headers = response.headers;
    var config = response.config;
    ...
  });

For more information, see AngularJS Developer Guide - Migrating to v1.6 - http

I tried doing this but I not the error success is not a function so now what do I do? can you please re-type the server code for me please — Angkirat Sandhu, Jan 09 '17 at 07:22
The `.success` and `.error` functions are deprecated and have been removed from AngularJS 1.6. For more information, see [SO: Why are angular $http success/error methods deprecated? Removed from v1.6?](http://stackoverflow.com/questions/35329384/why-are-angular-http-success-error-methods-deprecated-removed-from-v1-6/35331339#35331339). — georgeawg, Jan 09 '17 at 07:45
So this code is in the client side right? Since the angular js is there. — Angkirat Sandhu, Jan 09 '17 at 09:04

score 0 · Answer 3 · answered Jul 04 '17 at 20:40

In server.js file console req.body instead of req.body.params

    app.post('/meow', function(req, res){
    console.log(req.body);
    console.log(req.body.id) //to access the id
    console.log(req.body.Password) //to access the password
    });
    response.end();

score 0 · Answer 4 · answered Feb 05 '18 at 06:42

Set the following header in your Angular, It should work

.config(function ($httpProvider) {

    $httpProvider.defaults.headers.common = {};
    $httpProvider.defaults.headers.post = { 'Content-Type': 'application/json' };
    $httpProvider.defaults.headers.put = { 'Content-Type': 'application/json' };
    $httpProvider.defaults.headers.patch = {};
})

score 0 · Answer 5 · edited Aug 06 '18 at 09:45

0

You are passing the data in the body of the request (in angularJS) but trying to access the data from params (Node.JS)

app.post('/meow', function(req, res){
  var cope = req.body.params;   //Change this line to var cope = req.body
  display = cope;
  console.log(cope);
});

edited Aug 06 '18 at 09:45

Prashant Pimpale

10,349
9
44
84

answered Aug 06 '18 at 09:28

Vish511

96
7

Node js and Angular js

5 Answers5

UPDATE