jQuery not handling JSON response from AJAX POST
I am trying to get a JSON response back from doing a POST request. I have successfully received a JSON back when using a simple HTML FORM POST request (i.e. not AJAX). My JSON response from the HTML FORM POST is this:

    {"success":true,"data":1234567}

The problem occurs when I try to handle the request and response with jQuery's .ajax().

    $.ajax({
        type: "POST",
        url: URL,
        data: data1,
        dataType: "json",
        success: function(data, textStatus, jqXHR) {
            alert ("success");
        },
        error: function(xhr, status, error) {
            alert ("Error: " + error);
        }
    });

After running the above code and debugging in Firebug, it appears that the POST request is going through, but something is going wrong on the handling of the response. Firebug tells me the following regarding the HTTP response from the POST request:

    Response Headers
    Cache-Control	private
    Content-Length	31
    Content-Type	application/json; charset=utf-8
    ...

So it appears that the 31 bytes of data is being sent. However, when debugging the actual Javascript, the error function gets called and the xhr object is this:

    Object { readyState=0, status=0, statusText="error"}

I know the jQuery.ajax() document states that "In jQuery 1.4 the JSON data is parsed in a strict manner; any malformed JSON is rejected and a parse error is thrown." However, I believe my JSON is valid as I have checked it at jsonlint.com.

What else could be going wrong?
jQuery not handling JSON response from AJAX POST
===

I am trying to get a JSON response back from doing a POST request. I have successfully received a JSON back when using a simple HTML FORM POST request (i.e. not AJAX). My JSON response from the HTML FORM POST is this:

    {"success":true,"data":1234567}

The problem occurs when I try to handle the request and response with jQuery's .ajax().

    $.ajax({
        type: "POST",
        url: URL,
        data: data1,
        dataType: "json",
        success: function(data, textStatus, jqXHR) {
            alert ("success");
        },
        error: function(xhr, status, error) {
            alert ("Error: " + error);
        }
    });

After running the above code and debugging in Firebug, it appears that the POST request is going through, but something is going wrong on the handling of the response. Firebug tells me the following regarding the HTTP response from the POST request:

    Response Headers
    Cache-Control	private
    Content-Length	31
    Content-Type	application/json; charset=utf-8
    ...

So it appears that the 31 bytes of data is being sent. However, when debugging the actual Javascript, the error function gets called and the xhr object is this:

    Object { readyState=0, status=0, statusText="error"}

I know the jQuery.ajax() document states that "In jQuery 1.4 the JSON data is parsed in a strict manner; any malformed JSON is rejected and a parse error is thrown." However, I believe my JSON is valid as I have checked it at jsonlint.com.

What else could be going wrong?