Question

我尝试学习Express / NodeJS，我使用c9 ide。要使用护照框架进行身份验证，我尝试实现一个非常简单的登录表单，但是当我尝试将登录信息发送到我的服务器时，他会收到如下数据：

{ '{"username":"login","password":"pwd"}': '' }

而不是我在发送前记录的数据：

OBJECT {username: "login", password: "pwd"}

JSLint对我说这是一个有效的JSON，为什么它作为json对象属性的键发送？

这是我的Express服务器：

var application_root = __dirname,
express = require("express"),
path = require("path"),
mongoose = require('mongoose');

var app = express();
mongoose.connect('mongodb://' + process.env.IP + '/database');
app.configure(function () {
    app.use(express.bodyParser());
    app.use(express.methodOverride());

    var allowCrossDomain = function(req, res, next) {
        res.header("Access-Control-Allow-Origin", "*");
        res.header("Access-Control-Allow-Methods", "GET,PUT,POST,DELETE,OPTIONS");
        res.header("Access-Control-Allow-Headers", "Content-Type, Authorization, X-Requested-With");

        if ('OPTIONS' == req.method) {
          res.send(200);
        } else {
          next();
        }
    };

    app.use(allowCrossDomain);
    app.use(app.router);
    app.use(express.static(path.join(application_root, "public")));
    app.use(express.errorHandler({ dumpExceptions: true, showStack: true }));
});

app.post('/login', function(req, res, next){
    var obj = req.body;
    console.log(obj);
});

app.listen(process.env.PORT, process.env.IP);

这是我的html表单：

<div>
    Username :
    <input ng-model="user.username"/>
    Password :
    <input type="password" ng-model="user.password"/>
    <div class="button" ng-click="login()">Login</div>
</div>

这是我的angularjs代码：

var app = angular.module('app', []).config( function($locationProvider, $routeProvider, $httpProvider) {

$routeProvider
    .when('/', {
        templateUrl: '/partials/home.html',
        controller : 'HomeCtrl'
    })
    .otherwise({
        redirectTo: '/'
    });

$locationProvider.html5Mode(true);
$httpProvider.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=utf-8';
$httpProvider.defaults.withCredentials = true;

}).controller('HomeCtrl', function($scope, $http) {

    $scope.login = function() {
        $http.post('http://website.io/login', $scope.user).success(function(data) {
            console.log(data);
        });
    }; 
})

这可能是一个简单的问题，但我的大脑现在冻结了...... 对不起我的英语，并期待你的感谢。

Answer 1

尝试发布angular.toJson（$ scope.user）;

我认为这是因为它是一个包裹的角度对象

Answer 2

我遇到了同样的问题，但您可能已经解决了这个问题我只是通过使用选项TransformRequest

来修复它像这样

var transform = function(data){
    return $.param(data);
 }

$http.post("/foo/bar", requestData, {
    headers: { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'},
    transformRequest: transform
}).success(function(responseData) {
    //do stuff with response
});

我从link

中找到了

Express Angular - 从POST接收奇怪的JSON

2 个答案: