将 json 对象数组发送到 asp.net mvc 3 中的 ajax 操作

本文关键字：mvc net 中的 操作 ajax asp 对象 json 数组 | 更新日期: 2023-09-27 18:30:56

我希望有人能帮助我（对不起我的英语）。当我想在 ajax 中发送 un 数组数组时，我遇到了问题。我的模型是：

public class SJSonModel
{
    public string Name { get; set; }
    public bool isChecked { get; set; }     
}
public class SJSonModelList
{
    public List<SJSonModel> Features { get; set; }
    public List<SJSonModel> MenuItems { get; set; }
}

控制器：

    [HttpPost]
    public ActionResult CheckPreferences(SJSonModelList postData)
    {
        BindUserFeatures(postData.Features);
        return Json(new { status = "Success", message = "Passed" });
    }

简化的视图：

<div class="Feature borderRadius Items">
    <h2>Title
        <input type="checkbox" class="Item" name="featureName"/>
    </h2> 
   <div class="FeatureDetails subItems">                 
        <a href="@Url…">featureName</a>
        <input type="checkbox" class="subItem" name="subItemName"/>
   </div> <!-- endOf FeatureDetails -->

JQuery 代码：

    var isChecked = false;
    var features = new Array();
    var menuItems = new Array();
    var postData = new Array();

在这里，我用功能名称/菜单项名称和每个功能/菜单项的已检查布尔值填充功能，菜单项

menuItems.push({ "Name": $(this).attr('name'), "isChecked": isChecked });
features.push({ "Name": $(this).attr('name'), "isChecked": isChecked });
postData.push({ "features": features, "menuItems": menuItems });
postData = JSON.stringify(postData);

ajax 函数：

    $(':submit').click(function () {
        postData.push({ "features": features, "menuItems": menuItems });
        postData = JSON.stringify(postData);
        $.ajax({
                 url: '@Url.Action("CheckPreferences")',
                 type: 'POST',
                 data: postData, 
                 contentType: "application/json; charset=utf-8",
                 dataType: "json",
                 traditional: true,
                 success: function () { window.alert('@Resource.AjaxSuccess'); },
                 error: function (event, request, settings) {  window.alert('@Resource.AjaxError' + ' : ' + settings); },
                 timeout: 20000
        }); //endOf $.ajax
    }); //endOf :submit.click function

当我执行alert（postData）时，在客户端它包含每个项目的真实值，但在处理器中，postData.Features和postData.MenuItems为空。

我也尝试只将一个数组传递给控制器：

 features = JSON.stringify(features);

在 $.ajax 中：

{… data: features,…}

在控制器中：

 ActionResult CheckPreferences(IEnumerable<SJSonModel> features)

它工作正常，但我不知道如何将 json 对象数组传递给我的 contoller。所以我希望在这里检索答案:)

谢谢。

将 json 对象数组发送到 asp.net mvc 3 中的 ajax 操作

与其将数组组合到另一个数组中，不如将它们作为单独的参数发送到操作方法，如下所示：

假设我们仍然有两个数组：

var features = new Array();
var menuItems = new Array();
menuItems.push({ "Name": $(this).attr('name'), "isChecked": isChecked });
features.push({ "Name": $(this).attr('name'), "isChecked": isChecked });

然后在 JQuery ajax 调用中执行以下操作：

$.ajax({
        url: '@Url.Action("CheckPreferences")',
        type: 'POST',
        datatype: "json",
        traditional: true,
        data: { 
            menuItems: JSON.stringify(menuItems),
            features: JSON.stringify(features)
        },
        success: function () { window.alert('@Resource.AjaxSuccess'); },
        error: function (event, request, settings) {  
            window.alert('@Resource.AjaxError' + ' : ' + settings); },
        timeout: 20000
});

然后，控制器方法应为：

[HttpPost]
public ActionResult CheckPreferences(string menuItems, string features)
{
    var js = new JavaScriptSerializer();
    var deserializedMenuItems = (object[])js.DeserializeObject(menuItems);
    var deserializedFeatures = (object[])js.DeserializeObject(features);
    var myFeatures = new List<SJSonModel>();
    var myMenuItems = new List<SJSonModel>();
    if (deserializedFeatures != null)
    {
        foreach (Dictionary<string, object> newFeature in deserializedFeatures)
        {
            myFeatures.Add(new SJSonModel(newFeature));
        }
    }
    if (deserializedMenuItems != null)
    {
        foreach (Dictionary<string, object> newMenuItem in deserializedMenuItems)
        {
            myMenuItems.Add(new SJSonModel(newMenuItem));
        }
    }
    var myModelList = new SJSonModelList(myFeatures, myMenuItems);
    return Json("");

我还通过放入构造函数来处理上述代码来编辑您的类，如下所示： 

public class SJSonModel
{
    public SJSonModel(Dictionary<string, object> newFeature)
    {
        if (newFeature.ContainsKey("Name"))
        {
            Name = (string)newFeature["Name"];
        }
        if (newFeature.ContainsKey("isChecked"))
        {
            isChecked = bool.Parse((string)newFeature["isChecked"]);
        }
    }
    public string Name { get; set; }
    public bool isChecked { get; set; }
}
public class SJSonModelList
{
    public SJSonModelList(List<SJSonModel> features, List<SJSonModel> menuItems )
    {
        Features = features;
        MenuItems = menuItems;
    }
    public List<SJSonModel> Features { get; set; }
    public List<SJSonModel> MenuItems { get; set; }
}

由于您正在从客户端传递序列化数据，因此在控制器中将 postData 定义为类型字符串，然后使用 JavascriptSerializer.Deserialize 将 JSON 反序列化到您的对象中。这样，您还可以捕获反序列化期间可能发生的任何错误，并调试发送的 JSON。我不确定的一件事是反序列化程序是否希望匹配区分大小写的字段名称。您在模型中将数组定义为"Features"和"MenuItems"，而在Javascript中将它们定义为"Features"和"menuItems"。

相关文章：