angularjs - headers - ¿Cómo uso transformRequest y transformResponse para modificar los datos de un $ resource?

headers angularjs

Question

Estoy utilizando una API compatible con JSONAPI , y uno de los requisitos de formato es que todos los datos (entrantes y salientes) deben estar envueltos en un objeto de data . Así que mi solicitud se ve como:

{
  "data": {
    "email": "[email protected]",
    "password": "pass",
    "type": "sessions"
  }
}

Y mi respuesta se ve como:

{
  "data": {
    "user_id": 13,
    "expires": 7200,
    "token": "gpKkNpSIzxrkYbQiYxc6us0yDeqRPNRb9Lo1YRMocyXnXbcwXlyedjPZi88yft3y"
  }
}

En mi controlador, al realizar una nueva solicitud de sesión, tengo:

$scope.signin = ->
  session = new Session
    email: $scope.user.email
    password: $scope.user.password

  session.$save()

  console.log session
  console.log session.token
  if not session.token
    alert ''Invalid Login''
  else
    $rootScope.session_token = session.token
    $state.go ''app.dashboard''

Y mi Session es una fábrica que se parece a:

angular.module(''webapp'').factory ''Session'', [
  ''$resource''
  ($resource) ->
    $resource ''http://localhost:9500/v1/sessions'',
      id: ''@id''
    ,
      save:
        method: ''POST''
        transformRequest: (data) ->
          result =
            data: JSON.parse JSON.stringify data
          result.data.types = ''sessions''
          result = JSON.stringify result
          result
        transformResponse: (data) ->
          result = JSON.parse data
          a = JSON.parse JSON.stringify result.data
          console.log a
          a

La solicitud está bien. El formato y el análisis parece funcionar. Sin embargo, la respuesta, cuando log se muestra como un Resource , no un Object . Y session.token muestra como indefinido a pesar de que el servidor está devolviendo datos válidos.

¿Cómo modifico mi transformResponse para tener en cuenta esto?

Answer 1

¿Puedo sugerir un interceptor XHR?

xhrInterceptor.js :

(function (app) {
    "use strict";

    function XhrInterceptor($q) {
        return {

            request: function requestInterceptor(config) {
                var data = config.data;

                if (data &&
                    config.method === "POST") {

                    config.data = {
                        data: data
                    };
                }

                return config || $q.when(config);
            },

            response: function responseInterceptor(response) {
                if (typeof response === "object") {
                    if (response.config.method === "POST") {
                        response.data = response.data.data || {};
                    }
                }

                return response || $q.when(response);
            }
        };
    }

    app
        .factory("app.XhrInterceptor", ["$q", XhrInterceptor]);

})(window.app);

app.js :

En su fase de configuración, u otra lógica de inicialización, agregue el interceptor de respuesta.

app
    .config(["$httpProvider", function ($httpProvider) {
            $httpProvider.interceptors.push("app.XhrInterceptor");
    });

Más información

Interceptor XHR en una aplicación web AngularJS

Intercepte solicitudes XHR / Ajax con AngularJS http

Answer 2

Creo que lo que quieres es capturar tu respuesta de Recursos con una promesa:

session.$save().$promise.then(function (result) {
    console.log (result);
});