Angularjsを使用して新しく、JSONレスポンスの解析中に問題が発生しています。私はログインページのクライアント側認証を行っており、サーバ側からデータを取得するためにget
リクエストを使用し、クライアント側からpost
リクエストを使用しました。 HTMLコード:POSTリクエストにGETレスポンスデータを渡す方法
<form ng-submit="loginform(logcred)" class="ng-scope ng-pristine ng-valid center" name="logform"><br/><br>
<tr ng-repeat="logcred in serverinfo"></tr>
<div>
<label form="emailinput"><b>Email</b></label>
<input type="email" class="form-control" name="uname" id="emailinput" placeholder="[email protected]" ng-model="logcred.username" >
</div>
<div>
<label form="pwdinput"><b>Password</b></label>
<input type="password" class="form-control" name="pwd" id="pwdinput" placeholder="*******" ng-model="logcred.password">
</div>
<div>
<button type="cancel" class="btn" ng-click="toggle_cancel()">Cancel</button>
<button class="btn btn-primary" ng-click="submit()">Login</button>
</div>
<br/>
</form>
AngularJSコード:私が直面しています何
var myApp = angular.module('myApp', []);
myApp.controller('credientials', function($scope, $http) {
/* server side response*/
$http.get('http://localhost:3000/loginfo
.then(
function successCallback(response){
$scope.serverinfo = response.data;
});
/* client-side response*/
$scope.loginform = function(serverinfo,username,password){
$http({
url: 'http://localhost:3000/loginfo',
method: 'POST',
data: {
"username" :username,
"password" :password,
}
})
.then(
function successCallback(response){
console.log(response);
if (serverinfo.username === response.data.username && serverinfo.password === response.data.password) {
$scope.signinfo = response.data;
}else{
console.log("Error: " + response)
}
});
}
問題があれば、私はPOST
要求にGET
応答データを送信する必要があり、そこに私は条件のチェックを行っています、ですユーザー名とパスワードが一致すれば、成功を収めるはずです。しかし、私の思考が正しいかどうかはわかりません。
私は間違っていますか?
ご迷惑をおかけして申し訳ございません。
あなたは、ユーザー名とパスワードを確認し、あなたはいけないThanhTù[email protected]それを – Akashii
を行うためにGETリクエストを送信する必要があります。私はplunkerを作成しました:https://plnkr.co/edit/G1ld4uMcJ1nWCYNZquuM?p=info – SRK
私はサーバ側のチェックを行う方法が得られません、もしあなたが何か実際の例があれば私のプランナーを変更できますか?ThanhTùng – SRK