3

誰かが私を助けてくれることを願っています（私の英語は申し訳ありません）。配列の配列をajaxで送信したいときに問題が発生します。私のモデルは：

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にfeatureName / menuItemNameを入力し、各機能/menuItemのisCheckedブール値を入力します。

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がnullになります。

私も1つの配列だけをコントローラーに渡そうとしました：

 features = JSON.stringify(features);

$ .ajaxで：

{… data: features,…}

コントローラー内：

 ActionResult CheckPreferences(IEnumerable<SJSonModel> features)

正常に動作しますが、jsonオブジェクトの配列をコントローラーに渡す方法がわかりません。だから私はここで答えを取得したいと思っています:)

どうもありがとうございます。

4

2 に答える 2

11

配列を別の配列に結合する代わりに、次のように、それらを個別のパラメーターとしてactionメソッドに送信することをお勧めします。

まだ2つのアレイがあると仮定します。

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; }
}
于 2012-04-13T14:23:12.253 に答える
1

クライアントからシリアル化されたデータを渡すため、コントローラーでpostDataをタイプ文字列として定義し、JavascriptSerializer.Deserializeを使用してJSONをオブジェクトに逆シリアル化します。このようにして、逆シリアル化中に発生する可能性のあるエラーをキャッチし、送信されるJSONをデバッグすることもできます。デシリアライザーが大文字と小文字の区別でフィールド名と一致することを期待しているかどうかはわかりません。モデルでは配列を「Features」と「MenuItems」として定義しますが、Javascriptでは「features」と「menuItems」として定義します。

于 2012-04-13T14:18:17.000 に答える