angularjs – 如何使用Angular的$resource发送登录POST请求？

发布时间：2020-12-17 07:08:26 所属栏目：安全来源：网络整理

导读：我认为这样做很简单,但非常令人困惑. 我想设置我的Angular登录表单以允许我的用户登录.在登录表单上,我想获取输入并将其作为POST请求发送到我的服务器进行验证. 但是,我找不到用于发送POST请求的$resource的单个示例.有没有人有他们可以分享的任何例子？解

我认为这样做很简单,但非常令人困惑.

我想设置我的Angular登录表单以允许我的用户登录.在登录表单上,我想获取输入并将其作为POST请求发送到我的服务器进行验证.

但是,我找不到用于发送POST请求的$resource的单个示例.有没有人有他们可以分享的任何例子？

解决方法

定义资源后,可以使用save方法,该方法是$resource定义的post的默认操作. save的第一个参数接受用作url params的参数,第二个参数接受post数据.

var LoginResource = $resource("/rest/path/login");
var bodyObject = {username:"test",password:"test"};
LoginResource.save({},bodyObject);

然后,您可以使用$resource的承诺访问对您的请求的响应.为了澄清我将提供一个样本服务和控制器,它将发布一个帖子请求.

angular.module('yourApp').
factory('yourService',["$resource",function($resource){
    var LoginResource = $resource("/rest/path/login");
    var serviceObject = {loginUser: function (userName,password){
        return LoginResource.save({},{userName: userName,password: password}).$promise; //this promise will be fulfilled when the response is retrieved for this call
    }};
    return serviceObject;
}];

angular.module("yourApp").controller("LoginCtrl",["$scope","yourService",function($scope,yourService){
    yourService.loginUser("test","test").then(
        function(loginResult){
           console.log(loginResult);
        },function(err){
           console.error(err);
        }
    )
  }];

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!