Send jsonArray to method MVC controller

Question

I have the following ajax script

$(function () {
                $("#btnConfirmParticipants").click(function () {
                    var jsonArray = [];
                    $(".form-horizontal").each(function () {
                        jsonArray.push({ Name: ($(this).find("#Name").val()), Surname: ($(this).find("#Surname").val()), BirthDate: ($(this).find("#BirthDate").val()) });
                    });
                    $.ajax({
                        type: "POST",
                        url: "/ClientReservations/AddParticipants",
                        data: JSON.stringify(jsonArray),
                        dataType: 'application/json; charset=utf-8',
                        success: function (response) {

                        },
                        failure: function (response) {
                            alert(response.responseText);
                        },
                        error: function (response) {
                            alert(response.responseText);
                        }
                    });
                });
            });

This script is responsible for executing method in controller with List as parameter

[HttpPost]
        [Authorize(Roles ="Klient")]
        public ActionResult AddParticipants(IList<Participant> participants)
        {
            return View();
        }

Model Participant looks like this

public class Participant
    {

        public Participant()
        {
            this.Reservation_House_Participant = new HashSet<Reservation_House_Participant>();
        }

        [Display(Name ="Id:")]
        [Required]
        public int Id { get; set; }

        [Display(Name ="Imię:")]
        [Required]
        [MinLength(3),MaxLength(15)]
        public string Name { get; set; }

        [Display(Name ="Nazwisko:")]
        [Required]
        [MinLength(3),MaxLength(15)]
        public string Surname  { get; set; }

        [Display(Name ="Data urodzenia:")]
        [Required]
        [DataType(DataType.Date)]
        [DisplayFormat(DataFormatString ="{0:dd-MM-yyyy}",ApplyFormatInEditMode =true)]
        public DateTime BirthDate { get; set; }
}

When I click button to execute ajax script it redirects me to controller method and in debbuger I see that parameter IList participants is null? What could be the reason?

Try to use a simple string[] and then debug it

Lab Lab
– Lab Lab

2017-08-23 08:55:10 +00:00
Commented Aug 23, 2017 at 8:55 — Lab Lab
– Lab Lab, Commented Aug 23, 2017 at 8:55
@Uphar you might be crazy. You can't put var over there.

Lab Lab
– Lab Lab

2017-08-23 08:59:59 +00:00
Commented Aug 23, 2017 at 8:59 — Lab Lab
– Lab Lab, Commented Aug 23, 2017 at 8:59
string[] the same result

user7070553
– user7070553

2017-08-23 09:00:51 +00:00
Commented Aug 23, 2017 at 9:00 — user7070553
– user7070553, Commented Aug 23, 2017 at 9:00
Maybe I shoud import some json library using nuGet?

user7070553
– user7070553

2017-08-23 09:04:00 +00:00
Commented Aug 23, 2017 at 9:04 — user7070553
– user7070553, Commented Aug 23, 2017 at 9:04
@Contador6 give me a second, I'm trying to debug it

Lab Lab
– Lab Lab

2017-08-23 09:05:29 +00:00
Commented Aug 23, 2017 at 9:05 — Lab Lab
– Lab Lab, Commented Aug 23, 2017 at 9:05

DavidG · Accepted Answer · 2017-08-23 10:09:03Z

3

You have an error in your jQuery, you need to set the contentType, not the dataType property:

$.ajax({
    type: "POST",
    url: "/ClientReservations/AddParticipants",
    data: JSON.stringify(jsonArray),
    contentType: 'application/json; charset=utf-8', //<-- this line
    success: function (response) {

    },
    failure: function (response) {
        alert(response.responseText);
    },
    error: function (response) {
        alert(response.responseText);
    }
});

answered Aug 23, 2017 at 10:09

DavidG

120k13 gold badges232 silver badges239 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Send jsonArray to method MVC controller

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related