1

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

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

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

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

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

这是我的快递服务器:

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);
        });
    }; 
})

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

4

2 回答 2

0

尝试发布 angular.toJson($scope.user);

我认为这是因为它是一个包裹的角度物体

于 2013-05-23T08:27:58.007 回答
0

我有同样的问题,但你可能已经解决了这个问题我刚刚通过使用选项 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
});

我从这个链接找到

于 2016-01-06T19:45:32.407 回答