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

  1. 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.
  2. On Developer tools, click the Network tab and  select XHR tab
  3. Initialize an Ajax call, you will see items being to show up in the window.
  4. You can switch between the tabs such as Headers, Preview, Response, Cookies, Timing

See the below pictures

Step #1

Ajax Request Monitoring in Chrome

Step #2

Ajax Request Monitoring in Chrome

 

 

 

 

Editorial Staff
 

Editorial Staff at tutsplanet is a dedicated team to write various tutorial articles.