2017-10-12 18 views
1

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応答データを送信する必要があり、そこに私は条件のチェックを行っています、ですユーザー名とパスワードが一致すれば、成功を収めるはずです。しかし、私の思考が正しいかどうかはわかりません。

私は間違っていますか?

ご迷惑をおかけして申し訳ございません。

+2

あなたは、ユーザー名とパスワードを確認し、あなたはいけないThanhTù[email protected]それを – Akashii

+0

を行うためにGETリクエストを送信する必要があります。私はplunkerを作成しました:https://plnkr.co/edit/G1ld4uMcJ1nWCYNZquuM?p=info – SRK

+0

私はサーバ側のチェックを行う方法が得られません、もしあなたが何か実際の例があれば私のプランナーを変更できますか?ThanhTùng – SRK

答えて

0

以下のコードを試すことができます。マッチ成功のメッセージを送信する場合、サーバー側の

$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 (response) { // Response will be either true or false. For this yu need to change the API response. 
      //Logged in successfully 
     }else{ 
      //Something went wrong 
     } 
    }); 
} 
+0

ええ。私はそれを試してみます@rakesh – SRK

+0

あなたのコードでは本当に応答 – Akashii

関連する問題