Angular, o tipo de conteúdo não está sendo enviado com $ http

Angular não está adicionando a opção correta de tipo de conteúdo, eu tentei o seguinte comando:

$http({ url: "http://localhost:8080/example/teste", dataType: "json", method: "POST", headers: { "Content-Type": "application/json" } }).success(function(response){ $scope.response = response; }).error(function(error){ $scope.error = error; }); 

O código acima gera a seguinte solicitação http:

 POST http://localhost:8080/example/teste HTTP/1.1 Host: localhost:8080 Connection: keep-alive Content-Length: 0 Cache-Control: no-cache Pragma: no-cache Origin: http://localhost:8080 User-Agent: Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.31 (KHTML, like Gecko) Chrome/26.0.1410.64 Safari/537.31 Content-Type: application/xml Accept: application/json, text/plain, */* X-Requested-With: XMLHttpRequest Referer: http://localhost:8080/example/index Accept-Encoding: gzip,deflate,sdch Accept-Language: pt-BR,pt;q=0.8,en-US;q=0.6,en;q=0.4 Accept-Charset: ISO-8859-1,utf-8;q=0.7,*;q=0.3 Cookie: JSESSIONID=C404CE2DA653136971DD1A3C3EB3725B 

Como você pode ver, em vez de “application / json”, o tipo de conteúdo é “application / xml”. Estou faltando alguma coisa aqui?

Você precisa include um corpo com o pedido. Angular remove o header do tipo de conteúdo.

Adicione data: '' ao argumento para $http .

 $http({ url: 'http://localhost:8080/example/teste', dataType: 'json', method: 'POST', data: '', headers: { "Content-Type": "application/json" } }).success(function(response){ $scope.response = response; }).error(function(error){ $scope.error = error; }); 

Tente assim.

  $http({ method: 'GET', url:'/http://localhost:8080/example/test' + toto, data: '', headers: { 'Content-Type': 'application/json' } }).then( function(response) { return response.data; }, function(errResponse) { console.error('Error !!'); return $q.reject(errResponse); } 

Caso seja útil para qualquer pessoa. Para o AngularJS 1.5x eu queria definir o CSRF para todas as solicitações e descobri que quando fiz isso:

 $httpProvider.defaults.headers.get = { 'CSRF-Token': afToken }; $httpProvider.defaults.headers.put = { 'CSRF-Token': afToken }; $httpProvider.defaults.headers.post = { 'CSRF-Token': afToken }; 

Angular removeu o tipo de conteúdo, então eu tive que adicionar isso:

 $httpProvider.defaults.headers.common = { "Content-Type": "application/json"}; 

Caso contrário, recebo um erro de tipo de mídia 415.

Então, estou fazendo isso para configurar meu aplicativo para todas as solicitações:

 angular.module("myapp.maintenance", []) .controller('maintenanceCtrl', MaintenanceCtrl) .directive('convertToNumber', ConvertToNumber) .config(configure); MaintenanceCtrl.$inject = ["$scope", "$http", "$sce", "$window", "$document", "$timeout", "$filter", 'alertService']; configure.$inject = ["$httpProvider"]; // configure the header tokens for CSRF for http operations in this module function configure($httpProvider) { const afToken = angular.element('input[id="__AntiForgeryToken"]').attr('value'); $httpProvider.defaults.headers.get = { 'CSRF-Token': afToken }; // only added for GET $httpProvider.defaults.headers.put = { 'CSRF-Token': afToken }; // added for PUT $httpProvider.defaults.headers.post = { 'CSRF-Token': afToken }; // added for POST // for some reason if we do the above we have to set the default content type for all // looks like angular clears it when we add our own headers $httpProvider.defaults.headers.common = { "Content-Type": "application/json" }; } 

Ótimo! A solução dada acima funcionou para mim. Tive o mesmo problema com uma chamada GET .

  method: 'GET', data: '', headers: { "Content-Type": "application/json" } 

Apenas para mostrar um exemplo de como adicionar dinamicamente o header “Content-type” a todas as solicitações POST. Em maiúsculas estou passando POST params como query string, isso é feito usando o transformRequest . Nesse caso, seu valor é application / x-www-form-urlencoded .

 // set Content-Type for POST requests angular.module('myApp').run(basicAuth); function basicAuth($http) { $http.defaults.headers.post = {'Content-Type': 'application/x-www-form-urlencoded'}; } 

Então, a partir do interceptor no método de solicitação antes de retornar o object de configuração

 // if header['Content-type'] is a POST then add data 'request': function (config) { if ( angular.isDefined(config.headers['Content-Type']) && !angular.isDefined(config.data) ) { config.data = ''; } return config; }