繁体   English   中英

AngularJS - 在POST请求的主体中发送数据

[英]AngularJS - Send data in body of POST request

我正在尝试将POST请求正文中的数据发送到我的AngularJS应用程序中的RESTful API。

我对此请求的当前结构是一个控制器 ,它抓取数据并将其发送到服务 ,然后服务从其关联的工厂调用请求,如下所示:

调节器

userService.saveReport(vm.user.id, searchParams)

服务

service.saveReport = function (id, searchData) {
      var deferred = $q.defer();

      user.saveReport({ userID: id, searchData: searchData }, function(response) {
        deferred.resolve(response);
      }, function(e) {
        deferred.reject(e);
      });

      return deferred.promise;
    };

    function user($resource, $localStorage, constants) {
    return $resource(constants.API_URL + '/users', { userID: '@userID' }, {
      getReports: {
        method: 'GET',
        url: constants.API_URL + '/users/:userID/reports',
        format: 'json',
        headers: {
          'Accept': 'application/vnd.abp.v1+json',
          'X-Mode': function() {
            return $localStorage.get('mode');
          }
        }
      },
      saveReport: {
        method: 'POST',
        url: constants.API_URL + '/users/:userID/reports',
        format: 'json',
        headers: {
          'Accept': 'application/vnd.abp.v1+json',
          'X-Mode': function() {
            return $localStorage.get('mode');
          }
        }
      }
    });
  }

  angular
    .module('abp')
    .factory('user', user);

})();

我已经看到各种帖子,状态$resource允许data:通过发送来形成请求的主体,但这似乎不起作用。 我试图将searchData: '@searchData'添加到$resource调用允许的参数中,然后将其添加到数据部分中,如下所示,但这不起作用(为简洁起见):

return $resource(constants.API_URL + '/users', { userID: '@userID', searchData: '@searchData' }, {
    saveReport: {
        method: 'POST',
        url: constants.API_URL + '/users/:userID/reports',
        format: 'json',
        data: ':searchData',
        headers: {
          'Accept': 'application/vnd.abp.v1+json',
          'X-Mode': function() {
            return $localStorage.get('mode');
          }
        }
      }
}

如何在POST请求的正文中发送此请求的数据?

好的,所以我已经设法通过改变我在服务中发送searchData来实现这一点。 我的控制器工厂保持不变,但我已将服务更改为以下内容,这看起来非常完美:

service.saveReport = function (id, searchData) {
      var deferred = $q.defer();

      user.saveReport({ userID: id }, searchData, function(response) {
        deferred.resolve(response);
      }, function(e) {
        deferred.reject(e);
      });

      return deferred.promise;
    };

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM