How do I debug a jQuery Ajax request?

Question

My code is:

var test = \"it isn\'t working\";
var response = $.ajax({
    type: \'GET\',
    url: \'jquerydemo.php\', //This is in the same site as the page          


        

Answer 1

To debug these types of things, I find Firebug an indispensable tool. It will show you exactly the response from the server (500 error, 553 error, what have you). You can put break points in your Javascript code and debug it step by step. Firebug works on Firefox.

For IE, you can use the Developer Tools feature which is similar to Firebug, specially on IE9 which seems more mature than previous versions of the Developer Tools for IE7 or IE8.