Laravel-Debugbar not catching AJAX call (Angular call)

Question

I am working on project which front end is AngularJS & Backend is Laravel4.

And I am using barryvdh's laravel-debugbar package as debugger

My problem is debugbar showing data when first time load page or i refresh page

But is is not catching when i call api throw angular resourse.

I tried AJAX call configuration as posted in documentation but still not working.

In config file:-

/*
     |--------------------------------------------------------------------------
     | Capture Ajax Requests
     |--------------------------------------------------------------------------
     |
     | The Debugbar can capture Ajax requests and display them. If you don't want this (ie. because of errors),
     | you can use this option to disable sending the data through the headers.
     |
     */

    'capture_ajax' => true,

And In My Controller:-

        Debugbar::addMessage('Another message', 'mylabel');
        Debugbar::warning('Watch out..');
        Debugbar::sendDataInHeaders();

-ND

Have you read this? phpdebugbar.com/docs/ajax-and-stack.html#ajax — Kasyx
– Kasyx, Commented Jul 11, 2014 at 12:36

Nishchit · Accepted Answer · 2014-07-11 12:57:12Z

2

After searching longtime on web i got solution for this problem

Kindly add this code to your app.js

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

        var handle_phpdebugbar_response = function(response) {
             if (phpdebugbar && phpdebugbar.ajaxHandler) {

         var headers = response && response.headers && response.headers();
                if (!headers) {
                     return;
                 }

        var headerName = phpdebugbar.ajaxHandler.headerName + '-id';
               var debugBarID = headers[headerName];
               if (debugBarID) {                           
                     phpdebugbar.loadDataSet(debugBarID, ('ajax'));
                 }
             }
       };

            return {
                request: function(config) {

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

                },
                response: function(response) {

                    if (response || $q.when(response)) {

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


                },
                responseError: function(response) {

                    handle_phpdebugbar_response(rejection);
                    return $q.reject(response);
                }
            };
        })

     .config(function($httpProvider) {

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

     })

This one is in angular module ng-phpdebugbar

answered Jul 11, 2014 at 12:57

Nishchit

19.2k12 gold badges58 silver badges81 bronze badges

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

1 Comment

Ankit Over a year ago

I tried using same code and also tried via module with Angular it gives me error "phpdebugbar is not defined". Any Idea?

Sebastien Horin · Accepted Answer · 2016-01-11 21:03:56Z

1

(Laravel5)

Instead of returning your response, send it to a view:

return \View::make('debug', ['data' => $response]);

instead of

return response()->json($response);

(don't forget to create the view where you echo your data)

answered Jan 11, 2016 at 21:03

Sebastien Horin

11.1k4 gold badges55 silver badges56 bronze badges

Collectives™ on Stack Overflow

Laravel-Debugbar not catching AJAX call (Angular call)

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related