角

  var payload = $.param({ jobId: 2 });

                this.$http({
                    method: 'POST',
                    url: 'web/api/ResourceAction/processfile',
                    data: payload,
                    headers: { 'Content-Type': 'application/x-www-form-urlencoded' }
                });

WebAPI 2

public class AcceptJobParams
        {
            public int jobId { get; set; }
        }

        public IHttpActionResult ProcessFile([FromBody]AcceptJobParams thing)
        {
            // do something with fileName parameter

            return Ok();
        }

如果你使用PHP，这是从AngularJS POST中访问PHP数组的简单方法。

$params = json_decode(file_get_contents('php://input'),true);

刚从angular 1.2更新到1.3，在代码中发现了一个问题。转换资源将导致一个无限循环，因为(我认为)$promise再次持有相同的对象。也许它会帮助到某人……

我可以解决这个问题:

[...]
  /**
 * The workhorse; converts an object to x-www-form-urlencoded serialization.
 * @param {Object} obj
 * @return {String}
 */
var param = function (obj) {
var query = '', name, value, fullSubName, subName, subValue, innerObj, i;

angular.forEach(obj, function(value, name) {
+    if(name.indexOf("$promise") != -1) {
+        return;
+    }

    value = obj[name];
    if (value instanceof Array) {
        for (i = 0; i < value.length; ++i) {
[...]

我知道已经接受了答案。但是，如果这个答案因为任何原因不适合他们，下面的内容可能会对未来的读者有所帮助。

Angular不会像jQuery那样使用ajax。当我尝试按照指南修改angular $httpprovider时，我遇到了其他问题。例如，我使用codeigniter，其中$this->input->is_ajax_request()函数总是失败(这是由另一个程序员编写的，并在全局使用，所以不能改变)说这不是真正的ajax请求。

为了解决这个问题，我接受了延期承诺的帮助。我在Firefox和ie9上进行了测试，效果很好。

我在angular代码的外部定义了以下函数。这个函数使常规jquery ajax调用和返回延迟/承诺(我仍在学习)对象。

function getjQueryAjax(url, obj){
    return $.ajax({
        type: 'post',
        url: url,
        cache: true,
        data: obj
    });
}

然后我用下面的代码称它为角代码。请注意，我们必须使用$scope.$apply()手动更新$scope。

    var data = {
        media: "video",
        scope: "movies"
    };
    var rPromise = getjQueryAjax("myController/getMeTypes" , data);
    rPromise.success(function(response){
        console.log(response);
        $scope.$apply(function(){
            $scope.testData = JSON.parse(response);
            console.log($scope.testData);
        });
    }).error(function(){
        console.log("AJAX failed!");
    });

这可能不是完美的答案，但它允许我在angular中使用jquery ajax调用，并允许我更新$scope。

我有这个问题，问题是我不能得到的数据，而张贴使用上述标题，即。

headers: {
    'Accept': 'application/json',
    'Content-Type': 'application/x-www-form-urlencoded'
}

而使用jquery Ajax，我们通常得到的数据响应。但在实现Angular ajax时，数据并没有得到响应。相反，它倒在了下面

request.getParameterMap.keySet().iterator().next()

如果使用Angular >= 1.4，下面是使用Angular提供的序列化器的最简洁的解决方案:

angular.module('yourModule')
  .config(function ($httpProvider, $httpParamSerializerJQLikeProvider){
    $httpProvider.defaults.transformRequest.unshift($httpParamSerializerJQLikeProvider.$get());
    $httpProvider.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded; charset=utf-8';
});

然后你可以简单地在你的应用的任何地方做这个:

$http({
  method: 'POST',
  url: '/requesturl',
  data: {
    param1: 'value1',
    param2: 'value2'
  }
});

它会正确地将数据序列化为param1=value1&param2=value2，并将其发送到/requesturl，并使用application/x-www-form-urlencoded;charset=utf-8内容类型报头，因为它通常是端点上POST请求所期望的。

博士TL;

在我的研究中，我发现这个问题的答案有很多种;一些是非常复杂的，依赖于自定义函数，一些依赖于jQuery和一些是不完整的，建议你只需要设置头。

如果您只是设置Content-Type报头，端点将看到POST数据，但它不会是标准格式，因为除非您提供一个字符串作为数据，或者手动序列化数据对象，否则在默认情况下，它都将被序列化为JSON，并且可能在端点被错误地解释。

例如，如果在上面的例子中没有设置正确的序列化器，它将在端点中被视为:

{"param1":"value1","param2":"value2"}

这可能导致意想不到的解析，例如ASP。NET将其视为空参数名，用{"param1":"value1"，"param2":"value2"}作为值;或者Fiddler以另一种方式解释它，用{"param1":"value1"，"param2":"value2"}作为参数名，用null作为值。