如何将GET响应数据传递到POST请求

Question

I am new using Angularjs and I am having an issue while parsing a JSON response. I am doing client side authentication for the login page and I have used get request to fetch data from servers side and post request for client side. HTML code :

    <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="you@example.com" 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 code :

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

Problem what I am facing is, I need to send the GET response data into POST request and there I am doing the condition check, if the username and password matches, it's should give success meassage. But I am not sure my thinking is right or not.

What am I doing wrong?

Any help / advice would be greatly appreciated.

Answer 1

You can try below code.

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