如何使用 GET 请求使用 Angularjs 进行日志记录？

Question

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

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

我已经使用 json 创建了登录页面表单，并尝试使用 GET 请求进行访问。我创建了 2 个表单一个用于注册，另一个用于登录。我使用POST 进行 signing 并且工作正常。对于 login，我使用了GET 请求，我认为这很简单，但它非常令人困惑。我不确定是否应该使用GET 或POST 请求。我在为 login 页面编写函数时卡住了。

但是，我找不到一个例子。如果有人有任何可以分享的例子吗？

Answer 1

您可以使用 Post 请求发送用户名和密码。在从 html 文件调用登录表单时传递用户名和密码。

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