At the time of working with Ajax in the web application, request monitoring is very useful. Monitoring Ajax requests on browser makes easy to debug Ajax call. This short guide will help you to see ajax requests in Google Chrome. Follow the below steps to monitor ajax requests (Headers, Preview, Response, Cookies, Timing) in Developers tools of Google Chrome.
- Click the 3-dots menu at the top right corner of the Google Chrome browser » Navigate to More tools » Select Developer tools. Or press CTRL+SHIFT+I.
- In Developer tools, click the Network tab » select XHR sub-tab.
- Initialize an Ajax call.
- You’ll see the Ajax request is listed, click on it to see the request and response details.