jQuery Array 未发布到 ASP.NET MVC 控制器

Question

我很难将我的视图中的数组列表发布到控制器。其他所有价值都在通过。

有人能发现我的代码有什么问题吗？

控制器：

public ActionResult SaveProgress(BBCRMSurveyVM model)
{
    try
    {
        return Json(new { success = true });
    }
    catch (Exception e)
    {
        return Json(new { success = false, msg = e.Message });
    }
}

主视图模型：

public string ImplementationProcessFeelWasSuccessful { get; set; }
public string ImplementationProcessAdviceOtherFederations { get; set; }
public List<AdditionalTechnologyVM> AdditionalTech = new List<AdditionalTechnologyVM>();

其他技术虚拟机：

public class AdditionalTechnologyVM
{
    public string PlatformName { get; set; }
    public string BusinessPurpose { get; set; }
    public bool? FullyIntergrated { get; set; }
    public bool? PartiallyIntergrated { get; set; }
}

JS 文件：

function onAddButtonClickEvent() {
    additionaltechs.push({
       'PlatformName': platformNameAT,
       'BusinessPurpose': businessPurposeAT,
       'FullyIntergrated': intergrated == "Fully" ? true : false,
       'PartiallyIntergrated': intergrated == "Partially" ? true : false
    });
}

function SaveProgress() {
    var formData = $('#wizard').serializeArray();

    //if (additionaltechs.length > 0) {
    //    for (var x = 0; x < additionaltechs.length; x++) {
    //        formData[formData.length] = { name: "AdditionalTech", value: JSON.stringify(additionaltechs[x]) };
    //    }
    //}

    formData[formData.length] = { name: "AdditionalTech", value: additionaltechs };

    $.each(formData, function (index, field) {
        if (field.name.search('Budget') > 0) {
            field.value = field.value.replace('$', '').replace(/,/g, '');
        }
    });

    formData = JSON.stringify(formData);

    console.log(formData);
    
    $.ajax({
        url: '/save-progress',
        contentType: 'application/json; charset=utf-8',
        type: 'POST',
        data: formData,
        dataType: 'json',
        success: function () {},
        error: function () {}
    });
}

控制台中的输出：

列表计数始终为 0？

Answer 1

我认为你把它弄得比你需要的更复杂。 :)

最终，您的控制器方法似乎采用单个模型，而不是数组。因此，我怀疑您发送的 JSON 看起来像这样：

{
 "ImplementationProcessFeelWasSuccessful" : "",
 "ImplementationProcessAdviceOtherFederations" : "",
 "AdditionalTech" : [...]
}

如果它应该是单个项目被发送，那么我希望你的代码是这样的：

function SaveProgress() {

    var formData =
    {
     ImplementationProcessFeelWasSuccessful : $('#wizard #val1').val(),
     ImplementationProcessAdviceOtherFederations : $('#wizard #val2').val(),
     AdditionalTech :  additionaltechs 
         };

    formData = JSON.stringify(formData);

    console.log(formData);
    
    $.ajax({
        url: '/save-progress',
        contentType: 'application/json; charset=utf-8',
        type: 'POST',
        data: formData,
        dataType: 'json',
        success: function () {},
        error: function () {}
    });
}

但是，您正在发送一组项目，这在这里没有意义。

Answer 2

最终将列表作为 JSON 字符串发送并以字符串形式接收。在控制器中，我使用 JsonConvert.DeserializeObject 方法，如下所示：

var additionalTechs = JsonConvert.DeserializeObject<List<AdditionalTechnologyVM>> 
(model.AdditionalTech);