Send Multiple objects with Ajax to the ASP.NET MVC controller

Question

I have one ViewModel that contains three Collection of ExternalProjectViewModel, CertificateUniverSityViewModel, CertificateInstitutionsViewModel.

CreateFreelancerProfileViewModel.cs

public class CreateFreelancerProfileViewModel : BaseViewModel
{
    // More ...
   public List<ExternalProjectViewModel> ExternalProjects { get; set; }   

   public List<CertificateUniverSityViewModel> CertificateUniverSitys { get; set; }

   public List<CertificateInstitutionsViewModel> CertificateInstitutions { get; set; }

}

My Ajax code:

            $('#Controller').on('click','#SaveProfile',

            function() {

                debugger;
                var CertificateInstitutions = 
                    JSON.parse(localStorage.getItem("CertificateInstitutionsListLocal"));

                var CertificateUniverSitys = 
                    JSON.parse(localStorage.getItem("CertificateUniverSitysListLocal"));

                var ExternalProjects = 
                    JSON.parse(localStorage.getItem("ExProjectListLocal"));

                $.ajax({
                    url : '@Url.Action(MVC.Freelancer.Profile.CreatePrfile())',
                    method: "POST",
                    data: {
                        ExternalProjects,
                        CertificateUniverSitys,
                        CertificateInstitutions
                    }
                });


            });

When I Want Send Objects to Controller, First Get It from LocalStorage And After Get it Send it to Controller Action:

 public virtual ActionResult CreatePrfile(CreateFreelancerProfileViewModel viewModel)

When I see viewModel Values Show My Objects Count That is 2 but Objects Properties is null.so that my server object properties name equally with the client Object properties name.

LocalStorage Values

[{"ExternalProjects":{"Name":"wqeqwe","Body":"wqewqe","Url":‌"wqewqe"}}]

[{"CertificateUniverSity":{"Name":"sad","Description":"sadas‌","DateOfGets":"sad"‌,"CertificateType":"‌2","Field":"sadasd",‌"UniName":"sad","Cer‌tificateUniverSityLe‌vel":"2"}}]

@Steve I do This Work in client side object properties is fill — Soheil Alizadeh
– Soheil Alizadeh, Commented Jan 24, 2017 at 15:34

Darin Dimitrov · Accepted Answer · 2017-01-24 15:34:18Z

1

You could send them as JSON payload:

$.ajax({
    url : '@Url.Action(MVC.Freelancer.Profile.CreatePrfile())',
    method: 'POST',
    contentType: 'application/json',
    data: JSON.stringify({
        externalProjects: ExternalProjects,
        certificateUniverSitys: CertificateUniverSitys,
        certificateInstitutions: CertificateInstitutions
    }),
    success: function(result) {
        alert('data sent successfully');
    }
});

This assumes that the instances you got from the localStorage of those 3 variables represent javascript arrays with the corresponding objects in it.

answered Jan 24, 2017 at 15:34

Darin Dimitrov

1.0m275 gold badges3.3k silver badges3k bronze badges

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

10 Comments

Soheil Alizadeh Over a year ago

I try Your Code But it does not change

Darin Dimitrov Over a year ago

Could you show the exact payload that gets sent to the server? I suspect that the ExternalProjects, CertificateUniverSitys and CertificateInstitutions that you got from the local storage do not represent javascript arrays.

Alisson Reinaldo Silva Over a year ago

I'd guess we the case should match the class properties. Try using ExternalProjects: ExternalProjects, instead of externalProjects: ExternalProjects, (this is just a shot in the dark).

Darin Dimitrov Over a year ago

No, the JSON serializer will handle the casing properly.

Soheil Alizadeh Over a year ago

@DarinDimitrov [{"ExternalProjects":{"Name":"wqeqwe","Body":"wqewqe","Url":"wqewqe"}}]

|

Collectives™ on Stack Overflow

Send Multiple objects with Ajax to the ASP.NET MVC controller

1 Answer 1

10 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

10 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related