angularjs - Angular post json来表达

Question

我正在尝试使用 angular.js 将 json 发送到服务器节点/express

我的 server.js

/*
* Setup
*/
// Dependencies
var express = require('express');
// Start Express
var app = express();
// Conf port
var port = process.env.PORT || 3000;
/*
* Conf. the app
*/
    app.configure(function () {
        app.use(express.static(__dirname + '/public'));
        app.use(express.logger('dev'));
        app.use(express.bodyParser());
        app.use(express.methodOverride());
    });

/*
* Routes
*/
require('./app/routes')(app);

/*
* Listen
*/
app.listen(port);
console.log("App listening on port " + port);

我的 Routes.js

module.exports = function (app) {

app.post('/post/:name', function (req, res) {
    console.log("Serv get [OK]");
    /*
    * Disparar broadcast para all
    */
});
app.get('/', function (req, res) {
    res.sendfile('./public/view/index.html');
});
}

当我的服务器收到 POST 时，我使用:

app.post('/post'...
   OR
app.get('/get'...

捕捉路线？

我的 angular 应用还可以吗？

webchatApp = angular.module("webchatApp",[]);

webchatApp.controller('webchatCtrl', function ($scope,$http) {
$scope.sendMsg = function () {
    var dados = {name:"test message"};
    $http.post({url:'http://localhost/post/',data:dados})
        .success(function (data) {
            console.log("Success" + data);
        })
        .error(function(data) {
            console.log("Erro: "+data);
        })
};
  });

错误: Cannot POST /[object%20Object]我的帖子有问题，它会发送: [对象% 20对象]

Answer 1

尝试更改为:

$http({
    method: 'POST',
    url: 'http://localhost/post/',
    data: dados
})
.success(function() {})
.error(function() {});

看起来你用错了 $http.post方法签名。它应该是:

$http.post('http://localhost/post/', dados)
.success(...)
.error(...);

... 从 success和 error方法已被弃用，最好是

$http.post('http://localhost/post/', dados)
.then(function() {...})   // success
.catch(function() {...}); // error