Javascript Angularjs$HTTP将JSON数据发布到服务器问题
我试图将JSON数据从前端表单(angularJS)发送到服务器(express/nodejs),然后发送到MongoDB。然而,我似乎无法发送数据,当我在服务器端记录数据时,它会给我一个空的数据字段(见下图) 客户端前端HTTP POST代码 服务器端(POST请求处理程序) 客户端POST请求(来自angularjs) 应该怎样Javascript Angularjs$HTTP将JSON数据发布到服务器问题,javascript,node.js,angularjs,mongodb,express,Javascript,Node.js,Angularjs,Mongodb,Express,我试图将JSON数据从前端表单(angularJS)发送到服务器(express/nodejs),然后发送到MongoDB。然而,我似乎无法发送数据,当我在服务器端记录数据时,它会给我一个空的数据字段(见下图) 客户端前端HTTP POST代码 服务器端(POST请求处理程序) 客户端POST请求(来自angularjs) 应该怎样 问题是我似乎无法将“数据”发送到服务器。在服务器端,它显示为空,如图所示。所有数据都在config->data(如中所示)中结束,而数据字段为空。请在下面找到我
问题是我似乎无法将“数据”发送到服务器。在服务器端,它显示为空,如图所示。所有数据都在config->data(如中所示)中结束,而数据字段为空。请在下面找到我使用的工作代码,希望对您有所帮助: JSON(idList.JSON): ] server.js:
app.post('/authenticate', function(req, res) {
console.log(req.url);
var id = (req.body.id);
var pass = (req.body.pass);
console.log(id);
console.log(pass);
var sendData = {
"status":false,
"user":id
};
var readId = require('./idList.json');
for(var i=0;i<readId.length;i++) {
if(id == readId[i].id && pass == readId[i].password) {
console.log('matched');
sendData.status = true;
i=readId.length;
}
}
res.end(JSON.stringify(sendData));
});
HTML:
<div>
<span>Login</span><hr>
User id :<input type="text" ng-model="id" value="id" placeholder="user id" />
Password: <input type="password" ng-model="pass" value="pass"
placeholder="password" />
<input type="submit" value="Login" ng-click="auth()" />
</div>
登录
用户id:
密码:
我无法识别错误。实际上,您正在向银行添加数据,然后将银行操作响应发送到res.json(data)
。客户端打印(console.log(response)
)是银行的响应(添加的文档id),它永远不会如图所示(来自服务器的条目)。您的代码中没有指定“买房”字样。.success
methid
[
{
"id": "G01032014",
"password": "1234"
},
{
"id": "G01032015",
"password": "12345"
},
{
"id": "G01032016",
"password": "123456"
}
app.post('/authenticate', function(req, res) {
console.log(req.url);
var id = (req.body.id);
var pass = (req.body.pass);
console.log(id);
console.log(pass);
var sendData = {
"status":false,
"user":id
};
var readId = require('./idList.json');
for(var i=0;i<readId.length;i++) {
if(id == readId[i].id && pass == readId[i].password) {
console.log('matched');
sendData.status = true;
i=readId.length;
}
}
res.end(JSON.stringify(sendData));
});
$scope.auth = function() {
if($scope.id == "" || $scope.pass == null){
alert('please fill details');
} else {
var subData = {
"id":$scope.id,
"pass":$scope.pass
};
$http.post('/authenticate', subData).success(function(data) {
$scope.reponse = data;
console.log($scope.reponse.status);
if ($scope.reponse.status) {
$scope.activate = false;
} else {
alert('incorrect id or password');
}
});
}
$scope.id = '';
$scope.pass = '';
};
<div>
<span>Login</span><hr>
User id :<input type="text" ng-model="id" value="id" placeholder="user id" />
Password: <input type="password" ng-model="pass" value="pass"
placeholder="password" />
<input type="submit" value="Login" ng-click="auth()" />
</div>