Mehrere Objekte mit Ajax an den ASP.NET MVC-Controller senden

Question

Ich habe ein ViewModel, das drei Collection ExternalProjectViewModel, CertificateUniverSityViewModel, CertificateInstitutionsViewModel enthält.

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; } 

} 

Meine 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 
        } 
       }); 


      }); 

Wenn ich Objekte Möchten Sie schicken Controller zuerst von LocalStorage bekommen und es es nach dir schicken Controller-Aktion:

public virtual ActionResult CreatePrfile(CreateFreelancerProfileViewModel viewModel) 

Wenn ich sehe viewModel Werte zeigen meine Objekte Count Das ist 2, aber Objekte Eigenschaften ist null.so, dass meine Server-Objekteigenschaften Name gleich mit dem Client-Objekt Eigenschaftenname.

Localstorage Werte

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

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

Answer 1

Sie sie als JSON Nutzlast senden könnte:

$.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'); 
    } 
}); 

Dies setzt voraus, dass die Instanzen, die Sie aus der localstorage dieser drei Variablen bekam repräsentieren Javascript-Arrays mit dem entsprechenden Objekte darin.