Angularjs 로깅을 위해 GET 요청을 어떻게 사용합니까?

Question

각도 JS :

// POST Data Works : 
    $scope.submit = function(signinfo) { 
    $http({ 
     url :'http://localhost:3000/loginfo', 
     method : 'POST', 
     data : signinfo 
    }) 
    .then(
     function successCallback(result){ 
      response = {success: true, data: result}; 
     toastr.success('Successfully Updated'); 
     toastr.refreshTimer(toastr, 3000); 

     $scope.reload(); 
    }, 
     function errorCallback(response){ 
      console.log("Error : " + response.data); 
     }); 
    }; 


// GET Data Does Not Works : 
$http.get('http://localhost:3000/info') 
.then(
    function successCallback(response){ 
     $scope.signinfo = response.data.info; 
    }, 
    function errorCallback(response){ 
     console.log("Error : " + response.data) 
    }); 

HTML :

내가 JSON을 사용하고 GET 요청을 사용하여 액세스를 시도 로그인 페이지 양식을 만든

<form ng-submit="loginform()" class="ng-scope ng-pristine ng-valid center" name="logform"><br/><br> 
<tr ng-repeat="logcred in signinfo"></tr> 

<div class="form-group col-md-4"> 
    <label form="emailinput"><b>Email</b></label> 
<input type="email" class="form-control" name="uname" id="emailinput" placeholder="you@example.com" ng-model="username" > 
</div> 

<div class="form-group col-md-4"> 
<label form="pwdinput"><b>Password</b></label> 
<input type="password" class="form-control" name="pwd" id="pwdinput" placeholder="*******" ng-model="password"> 
</div> 

<a ng-click="reloadPage()" class="navbar-brand" ></a> 

<div class="col-md-4"> 
    <button type="cancel" class="btn" ng-click="toggle_cancel()">Cancel</button> 
    <button class="btn btn-primary">Login</button> 
</div> 
<br/> 
</form> 

. 나는 2 개의 모양 를 등록하고 다른 하나는 로그인를 위해 만들었다. 나는 에과 그 잘 작동하는 것을 사용했다. 로그인 나는 GET 요청을 사용했는데, 이것은 간단 할 것이라고 생각했지만 끔찍하게 혼란 스럽습니다. GET 또는 POST 요청을 사용해야하는지 잘 모르겠습니다. 내 로그인 페이지에 대한 기능을 쓰는 동안 붙어있어.

그러나 한 가지 예는 찾을 수 없습니다. 누구든지 공유 할 수있는 예제가 있다면?

Answer 1

html 파일에서 loginform을 호출하는 동안 UserName 및 Password.Pass 사용자 이름과 암호를 보낼 Post 요청을 사용할 수 있습니다.

HTML 파일

<form ng-submit="loginform(username,password)" class="ng-scope ng-pristine ng-valid center" name="logform"><br/><br> 
<tr ng-repeat="logcred in signinfo"></tr> 

<div class="form-group col-md-4"> 
    <label form="emailinput"><b>Email</b></label> 
<input type="email" class="form-control" name="uname" id="emailinput" placeholder="you@example.com" ng-model="username" > 
</div> 

<div class="form-group col-md-4"> 
<label form="pwdinput"><b>Password</b></label> 
<input type="password" class="form-control" name="pwd" id="pwdinput" placeholder="*******" ng-model="password"> 
</div> 

<a ng-click="reloadPage()" class="navbar-brand" ></a> 

<div class="col-md-4"> 
    <button type="cancel" class="btn" ng-click="toggle_cancel()">Cancel</button> 
    <button class="btn btn-primary">Login</button> 
</div> 
<br/> 
</form> 

JS 파일

$scope.loginform = function(username,password){ 
    $http({ 
     url :'http://localhost:3000/loginfo', 
     method : 'POST', 
     data : { 
      "userName":username, 
      "password":password  
      } 
    }).then(
    function successCallback(response){ 
     console.log(response) 
    }, 
    function errorCallback(response){ 
     console.log("Error : " + response.data) 
    }); 
} 

Answer 2

를 사용하여 HTTP GET 요청은 JSON 파일에서 데이터를 얻을 수 있습니다.

$http.get('db.json').success(function(response) { 
      $scope.data= response; 
     });