1. ホーム
  2. c#

[解決済み] ASP.NET MVC ControllerにJSONとjQueryで複雑なオブジェクトの配列を投稿する方法とは?

2023-03-03 22:09:56

質問

私の現在のコードは以下のようなものです。どのように配列をコントローラに渡せばよいのでしょうか。また、コントローラのアクションはどのようなパラメータを受け入れなければならないのでしょうか。

function getplaceholders() {
    var placeholders = $('.ui-sortable');
    var result = new Array();
    placeholders.each(function() {
        var ph = $(this).attr('id');
        var sections = $(this).find('.sort');
        var section;

        sections.each(function(i, item) {
            var sid = $(item).attr('id');

            result.push({ 'SectionId': sid, 'Placeholder': ph, 'Position': i });
        });
    });
    alert(result.toString());
    $.post(
        '/portal/Designer.mvc/SaveOrUpdate',
        result,
        function(data) {
            alert(data.Result);
        }, "json");
};

私のコントローラのアクションメソッドは次のようになります。

public JsonResult SaveOrUpdate(IList<PageDesignWidget> widgets)

どのように解決するのですか?

解決策を見つけました。Steve Gentileの解決策を使用します。 jQueryとASP.NET MVC - アクションにJSONを送信する - 再考 .

私のASP.NET MVCのビューコードは、次のようになります。

function getplaceholders() {
        var placeholders = $('.ui-sortable');
        var results = new Array();
        placeholders.each(function() {
            var ph = $(this).attr('id');
            var sections = $(this).find('.sort');
            var section;

            sections.each(function(i, item) {
                var sid = $(item).attr('id');
                var o = { 'SectionId': sid, 'Placeholder': ph, 'Position': i };
                results.push(o);
            });
        });
        var postData = { widgets: results };
        var widgets = results;
        $.ajax({
            url: '/portal/Designer.mvc/SaveOrUpdate',
            type: 'POST',
            dataType: 'json',
            data: $.toJSON(widgets),
            contentType: 'application/json; charset=utf-8',
            success: function(result) {
                alert(result.Result);
            }
        });
    };

そして、私のコントローラアクションはカスタム属性で装飾されています。

[JsonFilter(Param = "widgets", JsonDataType = typeof(List<PageDesignWidget>))]
public JsonResult SaveOrUpdate(List<PageDesignWidget> widgets

カスタム属性のコードは ここに (にあります(現在はリンク切れ)。

リンクが壊れているため、これはJsonFilterAttributeのコードです。

public class JsonFilter : ActionFilterAttribute
{
    public string Param { get; set; }
    public Type JsonDataType { get; set; }
    public override void OnActionExecuting(ActionExecutingContext filterContext)
    {
        if (filterContext.HttpContext.Request.ContentType.Contains("application/json"))
        {
            string inputContent;
            using (var sr = new StreamReader(filterContext.HttpContext.Request.InputStream))
            {
                inputContent = sr.ReadToEnd();
            }
            var result = JsonConvert.DeserializeObject(inputContent, JsonDataType);
            filterContext.ActionParameters[Param] = result;
        }
    }
}

JsonConvert.DeserializeObjectはJson.NETからです。

リンク Json.NETによるJSONのシリアライズとデシリアライズ