Debugging Tips: How to debug AJAX requests using Mozilla Firefox and FireBug
BY jiby.john
7 years ago
2 comments comment

As the world of internet grows day to day, the more educated and ever-wanting userbase now needs more data asynchronously. They don’t like to wait or load another page to see their data. In such situations we developers need to use more and more AJAX (Asynchronous JavaScript and XML - in the development of websites. Using AJAX in your web-development workflow is not that much difficult as you think. There is already a wide range of famous ajax libraries that make handling asynchronous requests easy for us.

The next problem that quickly comes to our minds is how to debug these requests. Debugging such requests primarily involves seeing the requested URL, the parameters passed and of course the responses.

Here comes FireBug to your rescue. Yes that’s the same FireBug you use to debug common HTML and CSS issues from within Firefox. If you haven’t already heard about FireBug, it is a Firefox addon ( that turns your favourite opensource web browser into an almost complete realtime web-development IDE.

Fire up Firebug in your browser window and click the console tab, along the top of the firebug panel that shows up. You might have to enable it if it’s not already populating data. Refer the attached screen shot (fig.1.1)

Firebug Console

Then initiate your ajax request with whatever initiation method you have defined for that (clicking a link/button, or something like that). Then you can see the corresponding ajax request url in the console. If you want to see more details about that request, just click on that line in the Firebug panel.

Every request contains 4 sections - Headers, Post, Response, HTML. Select each of the tabs to see more details on what’s happening underneath. That should be it. Enjoy the vast amount of information that turns up at your fingertips, and make the best use of what you have.

Happy Debugging!



on 09th April 2007 / by webmaster
Freelance projects fall into a separate category of projects in that they target independent deve Community Projects Freelance Open Source Web Development Leave a reply Your email address will not be published. Required fields are marked * Shrinivasan (not verified) access_time 13 Nov 2019 - 11:44 Guys. Great Collection and a great site. It is really impressive to know that there a numerous FOSS tools for web contents. Thanks. Keep Growing. Anonymous (not verified) access_time 13 Nov 2019 - 11:44 In reply to Great collection by Shrinivasan (not verified) Great Collection and a great site!!! Thanks! Silvia (not verified) access_time 13 Nov 2019 - 11:44 Hi, nice work. I also love to use WordPress when setting up a new blog. Greetings JungleDirector (not verified) access_time 13 Nov 2019 - 11:44 Subj. Anybody have? I'ts better, if you have XRumer 5.04... Gimme link Thanks. Ingo (not verified) access_time 13 Nov 2019 - 11:44 Hi, this is a listing of open source software was looking for my new project Thx a lot Pagination Current page 1 Page 2 Page 3 Page 4 Page 5 Next page Next › Last page Last » Add new comment
Leave a reply
Your email address will not be published. Required fields are marked *

Filtered HTML

  • Web page addresses and email addresses turn into links automatically.
  • Allowed HTML tags: <a href hreflang> <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol start type='1 A I'> <li> <dl> <dt> <dd> <h2 id='jump-*'> <h3 id> <h4 id> <h5 id> <h6 id>
  • Lines and paragraphs break automatically.
The content of this field is kept private and will not be shown publicly.
CAPTCHA This question is for testing whether or not you are a human visitor and to prevent automated spam submissions.

Anonymous (not verified)
access_time 13 Nov 2019 - 13:45

Thanks. That helps me alot

sancolgates (not verified)
access_time 13 Nov 2019 - 13:45

it help