javascript - Angular 邮政服务

Question

我想将我的 HTTP POST 请求包装到一个服务，然后该服务可用于从我的 PHP API 检索数据，但问题是我不知道如何让服务使用用户输入的数据。看一下我的代码

<form ng-submit="myCtrl.submit()" name="myForm">
  <input type="text" ng-model="myCtrl.user.name">
  <input type="text" ng-model="myCtrl.user.message">
  <input type="submit" value="Submit" ng-disabled="myForm.$invalid">
</form>

我的JS代码

var app = angular.module('MyApp', []);
app.service('PostService', function($http) {
    return{
        success: function() {
            return $http.post('process3.php', self.user);
        }
    };
});
app.controller('MyCtrl', ['PostService', function(PostService) {
    var self = this;
    var user = {};
    self.submit = function() {
        PostService.success().then(function(data) {
        console.log(data.data);
    });
    }
}]);

PHP 代码:

<?php

$postdata = file_get_contents("php://input");
$request = json_decode($postdata);

@$name = $request->name;
@$message = $request->message;

$records = array(
    'name' => $name,
    'message' => $message
    );
echo json_encode($records);
?>

我无法找到这个问题的解决方案，因为我一遍又一遍地通过google和Stackoverflow进行搜索。但我什至不知道我问的是否不合逻辑。但如果您能够理解问题并有更好的方法来处理它，请告诉我。

基本上，我想将 POST 请求包装在服务中，就像我们处理 GET 请求一样。

Answer 1

您可以将 use 对象传递给 success 函数。

var app = angular.module('MyApp', []);
app.service('PostService', function($http) {
    return{
        success: function(user) {
            return $http.post('process3.php', user);
        }
    };
});
app.controller('MyCtrl', ['PostService', function(PostService) {
    var self = this;
    self.user = {};
    self.submit = function() {
        PostService.success(self.user).then(function(data) {
        console.log(data.data);
    });
    };
}]);