Viewing AJAX call results in Firebug

Assuming you have loaded the page that contains the javascript (ajax call) – and that your call has been fired, how do you look at the results of the call?

  1. Open Firebug in a new window (as opposed to in the same window). This is useful because often pages redirect etc. making it harder to view firebug regults.
  2. Click on Console
  3. Make sure you click on Persist
  4. Now click on all.
  5. You should see the results of your call. The screenshot below shows the results of a POST call. Red indicates there was an error. To see your raw HTTP request – including your request parameters, click on POST. To see the raw response, including returned errors, click on the Response tab.

 

firebug

Viewing AJAX calls in Firebug

SUMMARY

Firebug is one of the most important tools in a web-troubleshooter’s toolbox. It is useful for

  1. Stepping into javascript code
  2. Viewing results of javascript call (AJAX calls)
  3. Identifying any javascript errors (firebug organizes all these in bold red text )
  4. CSS and HTML troubleshooting (broken links etc.)

Firebug   Download

Anuj holds professional certifications in Google Cloud, AWS as well as certifications in Docker and App Performance Tools such as New Relic. He specializes in Cloud Security, Data Encryption and Container Technologies.

Initial Consultation

Anuj Varma – who has written posts on Anuj Varma, Hands-On Technology Architect, Clean Air Activist.