Expand my Community achievements bar.

Join us for our second AMA on experimentation and personalization strategies with Target, occurring on June 3rd!

Mark Solution

This conversation has been locked due to inactivity. Please create a new post.

SOLVED

Custom Code - Page is in React Js

Avatar

Level 2

Can you please let me know in which language custom code should be developed if page is in React js.

Harpreet

1 Accepted Solution

Avatar

Correct answer by
Level 3

Hi Harpreet,

   I am also working in React pages. Currently I am using Plain Javascript to implement the test variants. In Angular 1.x version we can create a functionality using Angular. The below code for extending the interceptor. But in React we does not have the way to write custom code.

  angular.module('appModule').config(function ($httpProvider, $provide) {

    $provide.factory('httpInterceptor', function ($q, $rootScope) {

        return {

            'request': function (config) {

           

$rootScope.$broadcast('httpRequest', config);

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

            },

            'response': function (response) {

$rootScope.$broadcast('httpResponse', response);

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

            },

            'requestError': function (rejection) {

                $rootScope.$broadcast('httpRequestError', rejection);

                return $q.reject(rejection);

            },

            'responseError': function (rejection) {

$rootScope.$broadcast('httpResponseError', rejection);

                return $q.reject(rejection);

            }

        };

    });

$httpProvider.interceptors.push('httpInterceptor');

});

Thanks,

Hariharan S

View solution in original post

1 Reply

Avatar

Correct answer by
Level 3

Hi Harpreet,

   I am also working in React pages. Currently I am using Plain Javascript to implement the test variants. In Angular 1.x version we can create a functionality using Angular. The below code for extending the interceptor. But in React we does not have the way to write custom code.

  angular.module('appModule').config(function ($httpProvider, $provide) {

    $provide.factory('httpInterceptor', function ($q, $rootScope) {

        return {

            'request': function (config) {

           

$rootScope.$broadcast('httpRequest', config);

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

            },

            'response': function (response) {

$rootScope.$broadcast('httpResponse', response);

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

            },

            'requestError': function (rejection) {

                $rootScope.$broadcast('httpRequestError', rejection);

                return $q.reject(rejection);

            },

            'responseError': function (rejection) {

$rootScope.$broadcast('httpResponseError', rejection);

                return $q.reject(rejection);

            }

        };

    });

$httpProvider.interceptors.push('httpInterceptor');

});

Thanks,

Hariharan S