Question

我是使用Angularjs的新手，我在解析JSON响应时遇到问题。我正在做客户端身份验证，我知道这是不好的做法，但我希望它能够学习。

HTML代码：

<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：

    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(userData){
      $http({
        url: 'http://localhost:3000/loginfo',
        method: 'POST',
        data: userData
     })
      .then(
      function successCallback(response){
        if (userData.username === response.data.username && userData.password === response.data.password) { 
        $scope.signinfo = response.data;
      }else{
      console.log("Error: " + response)
    }
    });
    }
    });

回复数据：

Object { username: "admin@evol.io", password: "admin" }

在上面的代码中，我在服务器上执行POST请求，指定用户插入的用户名和密码。服务器应检查来自服务器的if条件，以检查是否存在具有该名称和密码的行。如果是，则返回true，如果false则返回false。那么客户端应该解析这个响应。我已经从服务器获取响应，但我不知道为什么if条件未能给出响应。

我做错了什么？

非常感谢任何帮助/建议。

使用AngularJS的身份验证表单的JSON响应问题

0 个答案: