在 Querystring 中使用 Ajax 和常规参数发送 JSON

Question

是否可以使用 Ajax GET 在查询字符串的末尾包含一个简单的 JSON 字符串？我正在使用 MVC 并从视图发送到控制器。在控制器中我希望能够做到这一点：

public class myObj
{
    public string Name { get; set; }
    public int Age { get; set; }
}

[AcceptVerbs(HttpVerbs.Get)]
public JsonResult GetData(string Id)
{
    // Get querystring parameter
    string a = Request["a"];

    // Create typed object
    if (Request["myObj"] != null)
    {
        JavaScriptSerializer jss = new JavaScriptSerializer();
        myObj myobj = null;
        myobj = jss.Deserialize<myObj>(Request["myObj"]);
    }

    ...
}

在视图中：

var myObj = '{ "Name" : "John", "Age" : "22" }';
$.ajax({
    type: "GET",
    url: "/GetData/?Id=" + $("#Id").val(),
    dataType: "json",
    data: {
        a: $('#a').val(),
        myObj: myObj
    },

    ...

});

我不认为我上面的例子说明了我为什么要这样做，但我的问题是这是否可能。当执行 Ajax GET 时，myObj 在 Controller 中始终为 null。我怀疑这是因为 data: 已经在创建 JSON 并且 myObj 的格式不正确，但我不知道如何解决这个问题，而且似乎找不到一个示例来说明如何。

如果这种组合是可能的，有人可以指出我的代码错在哪里吗？

Answer 1

由于您要传递的数据量（12 个参数）可能包含大量数据，您可能希望使用 POST 而不是 GET。

Examples of AJAX POST

var myObj= { "Name" : "John", "Age" : "22" }; //Array with similar properties to your Model

$.ajax({
    url : "/GetData/", 
    type: "POST",
    data : myObj,
    success: function(data, textStatus, jqXHR)
    {
        //data - response from server
    },
    error: function (jqXHR, textStatus, errorThrown)
    {

    }
});

并确保您的 Action 接受 HTTP POST 动词。

[AcceptVerbs(HttpVerbs.Post)]
public JsonResult GetData(string id, string a, myObj myObj)
{
}

更多信息请参见this reference。