使用Jquery AJAX和ASPX Form的POST参数

Question

I am trying to send an Ajax post to an ASPX page and although this exact same process works with classic ASP, my Request.Form object is empty when POSTing to an ASPX page.

Here is my Ajax call (I am using ajaxSetup to set URL, encoding, etc):

$.ajax({
        data: '{"Command":"GetGeoLocations"}',
        success: function (responseData) {
            alert("Success " + responseData);
        },
        error: function (jqXHR, textStatus, errorThrown) {
            alert( "The following error occured: "+
            textStatus, errorThrown);
        }
    });

Here is that ajaxSetup:

$.ajaxSetup({
            url: "Ajax/AjaxForm.aspx",
            datatype: "json",
            contentType: "application/json; charset=utf-8",
            type: "POST"
        });

Here is Firebug's POST parameter:

Here is the Request.Form object on the .NET side:

Answer 1

Try this, you have extra quotes for data attribute.

$.ajax({
        data: {"Command":"GetGeoLocations"},
        success: function (responseData) {
            alert("Success " + responseData);
        },
        error: function (jqXHR, textStatus, errorThrown) {
            alert( "The following error occured: "+
            textStatus, errorThrown);
        }
    });

dataType T should be capital,

$.ajaxSetup({
            url: "Ajax/AjaxForm.aspx",
            dataType: "json",
            contentType: "application/json; charset=utf-8",
            type: "POST"
        });

Hope this helps, thank you

Answer 2

尝试使用JSON.stringify

data: JSON.stringify({"Command":"GetGeoLocations"})