Laravel Debugbar Not catching ajax requests

Question

I am new with this Laravel Debugbar, I have installed Laravel Debugbar using composer and run the following publish command.

php artisan vendor:publish --provider="Barryvdh\Debugbar\ServiceProvider"

After this the debug bar starts to appear and also shows all the queries it runs. But in this queries list it is not including any queries which are from ajax request.

To capture ajax request, I have updated config/debugbar

    'capture_ajax' => true,
    'add_ajax_timing' => true,

But, it doesnot work.

I am returning response as:

return response()->json([
    //arr_of_data
],200);

The debug bar has handlers for some common JS libraries, but not all. How are you making the calls? — ceejayoz
– ceejayoz, Commented Jan 26, 2021 at 15:34

Annity · Accepted Answer · 2022-03-17 15:29:04Z

2

Make sure you have full access permission granted to the storage/debugbar folder!

This happened to me once when I decided I have to put storage/debugbar in the .gitignore, not noticing that there is a .gitignore file there that says exclude everything inside from git. So when I deployed it on the server I was seeing only the first request on the page (and when testing it on local I knew the ajax requests showed up in a dropdown). I noticed also that the history (that folder icon on the right of the bar) is empty. Found out the storage/debugbar folder had no write access, so when I gave it chmod 777 storage/debugbar, all the requests appeared. (And then I removed it from the .gitignore)

answered Mar 17, 2022 at 15:29

Annity

1362 silver badges11 bronze badges

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

Comments

user170851 · Accepted Answer · 2021-11-18 16:06:16Z

1

Incase for datatable the following helped me:

<script>
    $('body').on('xhr.dt', function (e, settings, data, xhr) {
        if (typeof phpdebugbar != "undefined") {
            if (xhr.getAllResponseHeaders()) {
                phpdebugbar.ajaxHandler.handle(xhr);
            }
        }
    });
</script>

refer : here

answered Nov 18, 2021 at 16:06

user170851

4056 silver badges7 bronze badges

Comments

mitch292 · Accepted Answer · 2020-03-16 03:49:43Z

0

There is another tab separate from the queries tab where you can see information about your ajax requests. It's the last tab on the lefthand side. See attached image. Debugbar request tab

answered Mar 16, 2020 at 3:49

mitch292

11 bronze badge

1 Comment

Aayush Dahal Over a year ago

My last tab looks like this : ibb.co/G7KcP0X But my ajax request is sent to /building. /floor-stack is the view.

Gao.QiLin · Accepted Answer · 2021-01-26 15:31:41Z

0

set header

X-Requested-With: XMLHttpRequest

answered Jan 26, 2021 at 15:31

Gao.QiLin

1

Comments

Kedves Hunor · Accepted Answer · 2022-09-07 12:53:39Z

0

Make sure that your APP_URL in .env is the same as where you visit the app. I had the same issue using ngrok.

answered Sep 7, 2022 at 12:53

Kedves Hunor

8251 gold badge11 silver badges19 bronze badges

Collectives™ on Stack Overflow

Laravel Debugbar Not catching ajax requests

5 Answers 5

Comments

Comments

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related