Search code examples
ajaxajax-requestweb-developer-toolbarchrome-app-developer-tool

How to Trace Ajax Call Back or Debug Ajax Requests in Chrome or any other Good and Famous Browser


I'm doing a project which ,obviously, uses Ajax to handle lots of requests from User Interface. Once of which is to "Filter" the given list of users. I'm using it with Laravel at back end.

So the scenario is that when I filter users by their company it works perfectly, but when I filter users by locations, it shows all the users from all locations instead of chosen location which means all the location ids are being passed. Code is written by some one else. I don't know where to fix it. So I want to know that Chrome supports some good tools to handle and debug Ajax request but don't know how to do that. Can some one plz suggest me the right way to handle, debug and explore the call backs of Aajx request so I could also save my time????????????


Solution

  • You can use the google chrome devTools console and go to the Network menu. It works great.

    If you want more you can use Charles