angularjs how to do setup ajax like jQuery

Question

how i do this code in Angular JS

$.ajaxSetup({
   complete: function (jqXHR) {
      var new_token = jqXHR.getResponseHeader('X-CSRF-Token');
      $('meta[name="_token"]').attr('content', new_token);
   }
});

i want set new token when i post with angular $http

Try this in configuration of your module: $httpProvider.defaults.headers.common["X-CSRF-TOKEN"] = "YOUR_TOKEN; — Ruslan
– Ruslan, Commented Aug 1, 2018 at 9:50
my code var AH_App = angular.module('AH_App', [ 'AH_App.services', 'AH_App.controller', ]).config(function ($httpProvider) { $httpProvider.interceptors.push('interceptors'); $httpProvider.defaults.headers.common['Accept'] = 'application/json, text/javascript'; $httpProvider.defaults.headers.common['Content-Type'] = 'application/json; charset=utf-8'; $httpProvider.defaults.headers.common['X-CSRF-TOKEN'] = $('meta[name="csrf-token"]').attr('content'); }); — Tatwerat Team
– Tatwerat Team, Commented Aug 1, 2018 at 9:56
i need do like this $.ajaxSetup({ complete: function (jqXHR) { var new_token = jqXHR.getResponseHeader('X-CSRF-Token'); $('meta[name="csrf-token"]').attr('content', new_token); } }); — Tatwerat Team
– Tatwerat Team, Commented Aug 1, 2018 at 10:01

Ruslan · Accepted Answer · 2018-08-01 10:54:19Z

1

OK, this should working:

Factory Definition:

myApp.factory('tokenInterceptorService', ['$q',
    function CsrfTokenInterceptorService($q) {

        var CSRF_TOKEN_HEADER = 'X-CSRF-TOKEN';

        var token;


        var service = {
            response: onSuccess,
            responseError: onFailure,
            request: onRequest,
        };

        return service;

        // Private functions.
        function onFailure(response) {
            if (response.status === 403) {
                //DO SOMETHING
            }

            return $q.reject(response);
        }

        function onRequest(config) {
            //SET TOKEN TO SEND
            config.headers[CSRF_TOKEN_HEADER] = token;


            return config;
        }

        function onSuccess(response) {
            //SET HERE NEW TOKEN FROM REQUEST RESPONSE
            var newToken = response.headers(CSRF_TOKEN_HEADER);


            if (newToken) {
                token = newToken;
            }

            return response;
        }
    }
]);

Configuration Definition:

.config(function($httpProvider) {
    $httpProvider.interceptors.push('tokenInterceptorService');
});

answered Aug 1, 2018 at 10:54

Ruslan

911 silver badge8 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Tatwerat Team Over a year ago

can you write $http an example code for do method POST

Ruslan Over a year ago

$http.post('/someUrl', {key: value}).then(function(data){//handle here data}); So when you call: in onRequest Method you will set at every call your header token in onSuccess Method you will read response header (CSRF_TOKEN_HEADER) and update your token

Tatwerat Team Over a year ago

can you edit your solutions with my this code

factory("interceptors", [function () {         return {             'request': function (request) {                 if (request.beforeSend)                     request.beforeSend(request);                 return request;             },             'response': function (response) {                 if (response.config.success)                     response.config.success(response);                 return response;             }         };     }]);

Ruslan Over a year ago

I'm not sure what you want, can you explain please with some details?

Madhan Varadhodiyil · Accepted Answer · 2018-08-01 09:53:56Z

0

You can use interceptors to push the token for http requests

//Assuming you've created an module,

app.config([ '$httpProvider',   function($httpProvider) {
 $httpProvider.interceptors.push('CSRFInterceptor');
}]);
app.service('CSRFInterceptor', [function() {
this.request = function(config) {
    config.headers['X-CSRF-Token']= getCSRFToken();
    return config;
};
}]);

answered Aug 1, 2018 at 9:53

Madhan Varadhodiyil

2,1061 gold badge16 silver badges21 bronze badges

2 Comments

Tatwerat Team Over a year ago

what about function getCSRFToken()

Madhan Varadhodiyil Over a year ago

If you're using cookie based CSRF token mechanism you can get it from cookie

Collectives™ on Stack Overflow

angularjs how to do setup ajax like jQuery

2 Answers 2

4 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related