Ajax Request Monitoring in Chrome
When you are working with Ajax requests you cannot see the request URL in the browser navigation bar like a GET request. Monitoring ajax requests in the browser will make your Ajax development painless.
This tutorial will guide you to use Chrome functionality to watch the Ajax requests passing through the browser. Follow the steps to watch Ajax requests(request, response, Headers) in Google Chrome developer tools.
How to monitor Ajax HTTP requests in Chrome
- Use Ctrl+Shift+I or Click on the 3-dots menu at the top right corner of the Google Chrome Browser and Navigate to More Tools -> Select Developer tools.
- On Developer tools, click the Network tab and select XHR tab
- Initialize an Ajax call, you will see items being to show up in the window.
- You can switch between the tabs such as Headers, Preview, Response, Cookies, Timing
See the below pictures