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
Step #1
Step #2
Did this post help you?
Tutsplanet brings in-depth and easy tutorials to understand even for beginners. This takes a considerable amount of work. If this post helps you, please consider supporting us as a token of appreciation:
- Just want to thank us? Buy us a Coffee
- May be another day? Shop on Amazon using our links.
Your prices won't change but we get a small commission.
Leave a Reply