如何将内容发布为application / x-www-form-urlencoded

Question

angularjs $ http.post拒绝使用我的Content-Type

我正在与一个承包商合作-他们的团队正在制作服务器端API，而我正在使用angularjs编写一个JavaScript应用程序。他们坚持要求使api只允许使用application/x-www-form-urlencoded调用，因此我试图弄清楚如何使用$ http进行urlencoded调用，并遇到了问题。我发现的所有说明页面似乎都集中在angularjs的旧版本上。

我尝试使用以下代码：

$scope.makeApiCall = function(  ){
    var apiData = {
                    "key1" : "value1",
                    "key2" : "value2"
                };
    var apiConfig = {
                    "headers" : {
                        "Content-Type" : "application/x-www-form-urlencoded;charset=utf-8;"
                    }
                };
    return $http.post('/Plugins/apiCall', apiData, apiConfig)
    .then(function(response){
        $scope.data=response.data;
    });
};

但是当我打电话时，开发人员工具报告说它使用了Content-Type: text/html; charset=utf-8

，而不是使用我提供的Content-Type。

我如何让$http.post发送正确的Content-Type？

Answer 1

如何将内容发布为application/x-www-form-urlencoded

使用$httpParamSerializerJQLike服务来转换数据：

.controller(function($http, $httpParamSerializerJQLike) {
  //...

  $http({
    url: myUrl,
    method: 'POST',
    data: $httpParamSerializerJQLike(myData),
    headers: {
      'Content-Type': 'application/x-www-form-urlencoded'
    }
  });

});

有关更多信息，请参见

• AngularJS $httpParamSerializerJQLike Service API Reference
• Stackoverflow -- URL-encoding variables using only AngularJS services