JSONからデータを取得し、ログイン時に比較する

ユーザIDとパスワードのリストを持つJSON Webサービスを作成しました。私のイオンプロジェクトのサブミットボタンのログイン画面でユーザIDとパスワードを確認/比較したい私は次のページにログインする必要があります。そうしないと、アクセスが拒否されます。 Im非常に新しいangularjsです。この要件のコードが必要です。ありがとうございました。JSONからデータを取得し、ログイン時に比較する

出典

2016-10-14 soumya

あなたは何をした、あなたのコード – Aks1357

を投稿してくださいこのような状況が可能であるか無い天気を誰でも簡単にこれを説明することができればyet..Iは思ったように私は何もコード化され始めたhavnt – soumya

完全なコードスニペットは、あなたのニーズを正確に表しています。

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.10/angular.min.js"></script> 
 
<!DOCTYPE html> 
 
<html lang="en"> 
 
    <head> 
 
     
 
     
 
     <script> 
 
      var app = angular.module("sampleApp",[]); 
 
      app.controller("MainController",["memberListService","$scope", function (memberListService,$scope) { 
 
       $scope.login = function() { 
 
        
 
        var state = false; 
 
        var data = memberListService.getList; 
 
        angular.forEach(data, function (ele) { 
 
         console.log(ele); 
 
         if($scope.user.name == ele.user && $scope.user.password == ele.pass){ 
 
         state = true; 
 
         } 
 
        }); 
 
        if(state){ 
 
         alert('user found') 
 
        }else{ 
 
         alert('user not found') 
 
        } 
 
       } 
 
       
 
      }]); 
 
      
 
      app.service('memberListService', function() { 
 
        this.getList = [ 
 
         { 
 
          user: "user1", pass: "pass1" 
 
         }, 
 
         { 
 
          user: "user2", pass: "pass2" 
 
         } 
 
        ] 
 

 
       }); 
 
     </script> 
 
    </head> 
 
    <body ng-app="sampleApp"> 
 
     <div ng-controller="MainController"> 
 
      <form name="clientLogin"> 
 
       
 

 
       
 
        <input ng-model="user.name" name="userName" type="text" placeholder="Username" ng-required="true" autocomplete="off"> 
 
        
 
       
 
        
 
        <input ng-model="user.password" type="password" placeholder="Password" ng-required="true" name="userPassword" autocomplete="off"> 
 
        
 
       
 

 
       <button type="button" ng-click="login()">Login</button> 
 
      </form> 
 
     </div> 
 
    </body> 
 
</html>

出典

2016-10-14 11:45:17 Jigar7521

JSONからデータを取得し、ログイン時に比較する

答えて

関連する問題