javascript - Angular ng-resource POST 发送查询参数而不是 JSON

Question

我正在尝试让我的第一个 ng-resource 示例正常工作。问题是它以查询参数而不是 JSON 的形式发送数据。

我的 REST 资源有此服务。 REST_URL_PREFIX 只是一个常量。

angular.module('myApp')
  .service('Test', ['$resource', 'REST_URL_PREFIX', function Test($resource, URL_PREFIX) {
     return $resource(URL_PREFIX + 'test/:id');
  }]);

像这样使用。

var obj = {name: 'Test', num: 12345};
var objRest = new Test();
objRest.$save(obj);

我可以在控制台中看到它调用 Web 服务，如下所示:

POST http://server/rest/test?name=Test&num=12345 

我希望它像这样调用:

POST http://server/rest/test  

但是请求正文中包含 JSON。

{name: 'Test', num: 12345}

请求的内容类型自动为 application/json，所以我认为它会发送 JSON？

我是不是错过了什么？我确实花了很长时间搜索，有很多类似的问题，但没有一个解决我的问题。

编辑
最终我希望它能从表单提交详细信息。

$scope.submit = function(test) {
  > Code to save test parameter using Test resource required here
}

谢谢

Answer 1

原始海报的代码如下:

var obj = {name: 'Test', num: 12345};
var objRest = new Test();
objRest.$save(obj);

但是，从已接受的答案中并不能立即看出什么，因此我的帖子试图澄清这一点。 $save 函数是否直接在 $resource 服务上使用。在此代码的上下文中，new Test() 将创建 Angular 资源类的实例，用于进行 RESTful 调用。

应该使用的函数是 save 函数，而不是 $save。

@Ben Thurley 应该使用以下代码:

var obj = {name: 'Test', num: 12345};
var objRest = new Test();
objRest.save(obj);

差异非常微妙，但意味着 POST 调用是使用查询参数而不是 http 请求正文中的 JSON 进行的。

我怀疑 $save 方法存在于资源对象上的唯一原因是可以将其附加到在获取/查询请求期间返回的对象。 documentation仅在将 $save 用于从请求返回的对象之一的上下文中提及。

例如:

var myRESTResourceEndPoint = $resource('/foo/:bar', {bar: null});
var foo = myRESTResourceEndPoint.get({bar: 123});

那么$save在此上下文中有效:

foo.$save();

其中 save 在此上下文中有效:

myRESTResourceEndPoint.save();

之所以会出现混淆，是因为以下代码将产生结果，但不是按照预期的方式产生:

foo.$save(foo);

或

myRESTResourceEndPoint.$save(foo);