如何从 jQuery 编写 JSON 对象并将其发布到 MVC3 操作方法？

Question

我有以下 JavaScript 代码，它从 Kendo UI 网格中的每个用户行获取 Id 属性 (Guid)。现在我想知道如何最好地将这些 Id 和所有者 roleId 组合成一个 JSON 对象，我可以将其传递给 MVC3 操作方法。与我愚蠢的字符串 concat 相比。

$("#command-add-selected").click(function () {
    var json = "roleId: '51FC554E-353C-4D55-BE52-1B4BF9D2F17F', users: [";
    var avail = $("#availableUsersGrid").data().kendoGrid._data;
    for (var i = 0; i < avail.length; i++) {
        json += "{ Id: '" + avail[i].Id + "'},";
    }
    json = json.slice(0, -1);
    json += "]";
    alert(json);
    return false;
});

action 方法可以是 GET 或 POST 并且不需要返回任何值（这里是另一个谜题，没有返回视图）。它所做的只是由上述代码之后的其他 ajax 代码获取的域更新。

如何将上述类型的 JSON 传递给本质上为 void 返回类型的操作方法？

编辑： This question 很好地回答了我的问题的一小部分，如何使用push 动态地将项目添加到数组中。

Answer 1

1.首先你不需要创建完整的 json 你自己使用JSON.Stringify() 方法将 javascript 对象更改为 JSON 字符串。
2.在你创建了 JSON 字符串后，你可以在任何公开的 MVC 控制器中使用GET 或POST 将其用于任何常规方法。 即使action方法的签名是public ActionResult MehodName(string jsonString)，你总是可以返回null。
3.您可以使用System.Web.Script.Serialization命名空间中的内置JavaScriptSerializer类来反序列化您在操作中收到的json字符串以创建具有相同属性的对象e
编辑：-
创建一个javascript数组名称users，然后在for循环中使用.push()javascript函数插入这样的对象

var users = [];
for(something)
{
var user = {"Id":"YOUR ID VALUE"};
users.push(user)
}
var objectToSerialize = {"roleId":"YOUR ROLE GUID","Users":users};
var jsonString = JSON.stringify(objectToSerialize);

编辑 2：-
因此，按照您以前的 cmets，您不希望您需要对整个 JSON 对象进行反序列化。即使您的操作方法具有这样的签名，也要遵循您的对象架构

public ActionResult GetUsersByRole(Users users)
{
//some code 
}

和像这样的用户类

class Users
{
public string RoleId{get; set;}
public User[]{get; set;}
}

和这样的用户类

class User
{
string Id{get; set;}
}

它会自动将属性与您的复杂用户对象绑定

Answer 2

应该可以使用 Url.Action("NameofAction","nameofcontroller", json); 您可能还必须将 AcceptVerbs 属性添加到操作方法，具体取决于您希望它是 GET 还是 POST。 就构建部分而言，我建议根本不使用字符串。 Json 是对象，而不是字符串，所以我会继续使用您的 foreach 循环构建一个“用户”对象，然后将该对象放入您的 json 返回对象中。

编辑：忘了提到字符串化。是的。使用它。

Answer 3

结合 Parv Sharma 的解决方案：

function User(id) { this.Id=id; }

$("#command-add-selected").click(function () {

    var avail = $("#availableUsersGrid").data().kendoGrid._data;
    var userArray = array();
    for (var i = 0; i < avail.length; i++) {
        userArray.push(new User(avail[i].Id));
    }
    var obj = {roleId:'51FC554E-353C-4D55-BE52-1B4BF9D2F17F',users:userArray};
    alert(JSON.stringify(obj));
    return false;
});