javascript - AngularJS 简单登录

Question

我是 AngularJS 的新手，对 JavaScript 有一点了解。

我正在尝试实现一个登录页面，其中有一个指向我的服务器的 URL (http://somerandomip/user/get?p=retail123&username=retail123) 会给我一个 JSON 响应成功登录后带有虚拟数据。

如果用户名或密码无效，返回的 JSON 响应中将包含错误消息。

我尝试寻找教程以尽可能最简单的方式执行此操作，但我似乎无法弄清楚如何使用 $http 来完成此操作。我知道这是一个很棘手的问题，但我缺乏 JavaScript 知识并没有帮助。

如果您可以指导我进行如何完成此操作的基本演示，我将非常感激。提前致谢。

编辑:我知道以 GET 方式发送密码并不安全，我只是想先获得一个有效的登录名。

Answer 1

首先，您需要注入(inject)依赖才能使用$http，例如-

myApp.controller("myCtrl", function($scope, $http){
    ......
})

然后通过POST发送数据 -

var data = {
  username: username,
  password: password 
};

然后您可以将此数据POST到 URL -

    $http.post("/api/login", data).then(function(response){
        if (response.data) {
           // Use it accordingly with the data  
           console.log(respose.data);
        }
        else {                
            ......
        }
    })

了解更多信息 - Angular $http Docs

作为提示，请探索有关 AngularJS 中服务的更多信息。