使用 Ajax 将多个对象发送到 ASP.NET MVC 控制器

Question

我有一个 ViewModel，其中包含 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; }

}

我的 Ajax 代码：

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


            });

当我想向控制器发送对象时，首先从LocalStorage 获取它 并在获取后将其发送到控制器操作：

 public virtual ActionResult CreatePrfile(CreateFreelancerProfileViewModel viewModel)

当我看到viewModel Values Show My Objects Count 那是 2 但 Objects Properties 为 null.so 我的服务器对象属性名称与客户端对象属性名称相同。

本地存储值

[{"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

您可以将它们作为 JSON 有效负载发送：

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

这假定您从这 3 个变量的 localStorage 中获得的实例表示其中包含相应对象的 javascript 数组。