wysyłanie JSON za pomocą $ http spowodować kątowe wysłać typu text/plain Zawartość składników

Question

Chcę wysłać następujące JSONobjects do mojego API backend:

{ 
    "username":"alex", 
    "password":"password" 
} 

więc napisałem następującą funkcję, za pomocą kątowego $ http:

$http(
{ 
    method: 'POST', 
    url: '/api/user/auth/', 
    data: '{"username":"alex", "password":"alex"}', 
}) 
.success(function(data, status, headers, config) { 
// Do Stuff 
}) 
.error(function(data, status, headers, config) { 
// Do Stuff 
}); 

czytałem w dokumentacji dla metody POST, że nagłówek Content-Type zostanie automatycznie ustawiona na "application/json".

Ale zdałem sobie sprawę, że treść typu otrzymuję na moim backend (Django + Tastypie) api jest "tekst/zwykły".

To powoduje, że mój interfejs API nie odpowiada poprawnie na to żądanie. Jak mam zarządzać tym typem treści?

Answer 1

Spróbuj tego;

$http.defaults.headers.post["Content-Type"] = "application/json"; 

$http.post('/api/user/auth/', data).success(function(data, status, headers, config) { 
// Do Stuff 
}) 
.error(function(data, status, headers, config) { 
// Do Stuff 
}); 

Answer 2

Rozwiązaniem, które posunąłem naprzód, jest zawsze zainicjować modele w zakresie $ scope na pustym bloku {} na każdym kontrolerze. Gwarantuje to, że jeśli żadne dane nie są powiązane z tym modelem, to nadal będziesz mieć pusty blok do przekazania do metody $ http.put lub $ http.post.

myapp.controller("AccountController", function($scope) { 
    $scope.user = {}; // Guarantee $scope.user will be defined if nothing is bound to it 

    $scope.saveAccount = function() { 
     users.current.put($scope.user, function(response) { 
      $scope.success.push("Update successful!"); 
     }, function(response) { 
      $scope.errors.push("An error occurred when saving!"); 
     }); 
    }; 
} 

myapp.factory("users", function($http) { 
    return { 
     current: { 
      put: function(data, success, error) { 
       return $http.put("https://stackoverflow.com/users/current", data).then(function(response) { 
        success(response); 
       }, function(response) { 
        error(response); 
       }); 
      } 
     } 
    }; 
}); 

Inną alternatywą jest użycie binarnego || operator na danych podczas wywoływania $ http.put lub $ http.post, aby upewnić się, że określony argument został dostarczony:

$http.put("https://stackoverflow.com/users/current", data || {}).then(/* ... */);