javascript - 在 Angular 中发送 POST 请求并获取项目

Question

我正在用 Angular 编写我的第一个应用程序，现在遇到了问题...我有带有身份验证 token 的 POST 请求的地址。像这样的东西:

http://example.com/orders?authentication_token=123456

所以我需要使 ng-submit 或 ng-click 发送该请求并获取一堆项目并将它们显示在页面上......另外，我还为它们准备了一个body:

{
"order": {
    "seller_id":84,
    "price":123,
    "delivary_date":"12-12-2025",
    }
}

那么，最好的方法是什么？

Answer 1

因此，您必须创建一个 Angular 服务来与服务器通信并获取数据，以及一个 Angular Controller 来与服务交互以获取数据并通过 UI 显示。

假设服务名称是 MyService:

app.service('MyService', function($http) {
    var params = {}; // some parameters
    this.getData = function(successCallback, failureCallback) {
        $http.post("URL", params).then(function(data) {
            successCallback(data);
        }, function(data, status) {
            failureCallback(data, status);
        });
    }
});

Controller 名称是 MyCntrl:

app.controller('MyCntrl', function($scope, MyService) {

    function successCallback(data) {
        $scope.itemList = data;  
    }

    function failureCallback(data, status) {
        $scope.itemList = {};
    }

    $scope.handleClick = function() {
        MyService.getData(successCallback, failureCallback);
    }
});

我相信这会帮助您解决您的需求!!!