Ajax call is not calling to the server side and in httpfox shows error as “Error loading content (NS_ERROR_DOCUMENT_NOT_CACHED)” in ajax post call

Question

Here I am making a simple ajax post call from my asp.net page which shows following error on httpfox. \"Error loading content (NS_ERROR_DOCUMENT_NOT_CACHED)\" and

Answer 1

Thanks for all of your responses.

Today i got the answer after googling for more than 1 hr.

Things i learned is while sending json data using stringfy() method, in server side we need to define the parameter as object. not any other format like string/int/bla bla.....

Actually there was a mistake on my Server side parameter.I modified it from string to object and it worked for me. Here i have defined my modified answer.

        $('#btnResult').on('click', function () {

        var mydata = [];
        $("#<%=GridProjectDetails.ClientID %>  tr").each(function () {
            var myObject = new Object();
            var id = $(this).find("input[name*='ID']").val();
            var locationcode = $(this).find("input[name*='TextLocationCode']").val();
            var Location = $(this).find("input[name*='TextLocation']").val();
            myObject.id = id;
            myObject.locationcode = locationcode;
            myObject.Location = Location;
            mydata.push(myObject);
        });

        var myString = JSON.stringify({ details: JSON.stringify(mydata) });
        alert(myString);
        var exportdata = myString;

        $.ajax({
            type: "POST",
            url: "Default.aspx/ExportToExcel",
            data: exportdata,
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (data) {
                $("#Result").text(data.d);
            },
            error: function () { alert(arguments[2]); }
        });
    });
});

and my server side method should be

[WebMethod]
[ScriptMethod(ResponseFormat = ResponseFormat.Json)]
public static string ExportToExcel(object details)
{

    return "Message : Success";
}

Answer 2

Try this:

$('#btnResult').on('click', function () {
        var myArray = [];

        $("#<%=GridProjectDetails.ClientID %>  tr").each(function () {
            var id = $(this).find("input[name*='ID']").val();
            var locationcode = $(this).find("input[name*='TextLocationCode']").val();
            var Location = $(this).find("input[name*='TextLocation']").val();
            var myObject = new Object();
            myObject.id = id;
            myObject.locationcode = locationcode;
            myObject.Location = Location;
            myArray.push(myObject);
        });

        var myString = JSON.stringify({details: JSON.stringify(myArray)});
        alert(myString);
        var exportdata = myString;

        $.ajax({
            type: "POST",
            url: "Default.aspx/ExportToExcel",
            data: exportdata,
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (data) {
                $("#Result").text(data.d);
            },
            error: function () { alert(arguments[2]); }
        });
    });
});

Answer 3

Send data using following method

 data: "{'details':" + myString "}",