web-dev-qa-db-ja.com

FormDataは配列内のアイテムを追加します

 public List<Region> Regions { get; set; }

newsと呼ばれるモデルで。地域モデルは

public class Region
    {
        public int Id { get; set; }
        public string Name { get; set; }
        public static Region Parse(DataRow row)
        {
            return new Region
            {
                Id = Database.GetInteger(row["Id"]),

                Name = Database.GetString(row["Region"]),


            };
        }
    }

javascriptでは、formdataでAJAX postメソッドを使用しています。この領域を設定したいと思います。

var regionList = [];
            if (selected === "region") {
                if (region.length <= 0) {
                    toastr.warning('Lütfen en az bir bölge seçin !!!');
                    return;
                }

                for (var i = 0; i < region.length; i++) {

                    var item = {
                        Id: region[i]
                    }
                    regionList.Push(item);
                }
                console.log(regionList);
                formData.append("Regions", regionList);
            }

上記のJSのコードは、このように設定して設定しました

 public ActionResult AddByRegion(News item)
        {
            int refPortal = SessionRepository.GetPortalId();
            if(refPortal!=1)
                return View("List", NewsRepository.ListAll(SessionRepository.GetPortalId()));
            if (item == null
                || string.IsNullOrEmpty(item.Title)
                || string.IsNullOrEmpty(item.Content)
                )
                return Content(Serialization.JsonSerialize(new { Status = 400 }));

            return Content(Serialization.JsonSerialize(new { Status = 200, Result = NewsRepository.AddByRegion(item) }));
        }

上記のコードはコントローラーに入ります。しかし、少なくとも2つのリージョンを選択したにもかかわらず、常に0レコードが返されます。

 $.ajax({
                type: 'POST',
                url: '@Url.Action("AddByRegion", "News")',
                data: formData,

                contentType: false,
                processData: false,
                success: function(data) {
                    var result = JSON.parse(data);
                    if (result.Result === "SUCCEED") {
                        toastr.success('@Resources.Resource.Success_MediaAdd');
                        window.location.reload();
                        return;
                    }

                    else {
                        toastr.error('@Resources.Resource.Error_Unexpected');
                        return;
                    }
                },
                error: function(error) {

                    toastr.error('@Resources.Resource.Error_Unexpected');
                    return;
                },
                beforeSend: function() {
                    waitingDialog.show('Wait...');
                },
                complete: function() {
                    waitingDialog.hide();
                }
            });

私のAjaxメソッドは上記のとおりです。どこを間違えているの？

前もって感謝します。

javascriptjqueryajaxasp.net-mvcform-data
10
user6239546

FormDataを使用してデータを送信する場合は、個々の名前/値をFormDataに.append()する必要があります。そのコレクションなので、たとえば、コレクションインデクサー（ゼロベースで連続している必要があります）を含める必要があります。

formData.append("Regions[0].Id", someValue);
formData.append("Regions[0].Name", someValue);
formData.append("Regions[1].Id", someValue);
formData.append("Regions[1].Name", someValue);

これをループで行うので、次を使用できます

for (var i = 0; i < region.length; i++) {
    formData.append("Regions[" + i + "].Id", region[i])
}
8
user3559349
 var regionList = [];
    for (var i = 0; i < region.length; i++) {
        var item = {
            Id: region[i].Id,
            Name : region[i].Name,
        }
        regionList.Push(item);
    }

    regionList = JSON.stringify({ "item": regionList });//Here "item" name should match the parameter name in your Action method name in controller (item in your case.)

次に、regionListオブジェクトをデータとして$ .ajaxに渡します。

 $.ajax({
            type: 'POST',
            url: '@Url.Action("AddByRegion", "News")',
            data: regionList,

            contentType: false,
            processData: false,
            ....
        });
1
Ashish Shukla