MVC 匹配对象 API 期待

Question

我正在尝试将此模型序列化为 API 期望的模型。 FirstName 和 LastName 没问题，但 IntendedUse 对象不匹配。我还需要它在视图中使用，所以我不确定如何更正模型以匹配 API。任何帮助都会很棒。

API 需要这种形式的数据

{
    "FirstName": "1",
    "LastName": "1",
    "SelectedProjectMaterial":
    [
        {   
            "IntendedUse":{
                "Value":47
            },
        }
    ]
}

序列化对象的当前输出

var json = JsonConvert.SerializeObject(model);

{"FirstName":"1",
 "LastName":"1",
  selectedIntendedUseId":{"Name":null,"Value":47,},
}

型号

[Display(Name = "* First Name")]
[Required(ErrorMessage = "This field is required.")]
public string FirstName { get; set; }
[Required(ErrorMessage = "This field is required.")]
public string LastName { get; set; }
[Required]
public GenericValues selectedIntendedUseId { get; set; }

查看

<div>* Intended Use</div>
   @Html.DropDownListFor(
   x => x.selectedIntendedUseId.Value,
   new SelectList(Model.ListOfIntendedUses, "Value", "Name"),
   "-- please select a Intended Use--",
   new { id = "ddlUses", @class = "form-control" }
   )
@Html.ValidationMessageFor(x => x.selectedIntendedUseId.Value)

Answer 1

创建一个 Dto（视图模型）而不是直接使用域模型，如下所示

型号

public class ModelDto{
  [Required(ErrorMessage = "This field is required.")]
  public string FirstName { get; set; }
  [Required(ErrorMessage = "This field is required.")]
  public string LastName { get; set; }
  [Required]
  public int selectedIntendedUseId { get; set; }
}

并从您的操作方法或其他方法接收此模型所以你的观点会像

@model ModelDto
<div>* Intended Use</div>
@Html.DropDownListFor(x => x.selectedIntendedUseId,
new SelectList(ViewBag.ListOfIntendedUses, "Value", "Name"),
"-- please select a Intended Use--",
new { id = "ddlUses", @class = "form-control" })
@Html.ValidationMessageFor(x => x.selectedIntendedUseId.Value)

你的控制器就像控制器

[HttpGet]
public IActionResult ControllerAction()
{
ViewBag.ListOfIntendedUses = //Select From DB or whatever
return View();
}

[HttpPost]
public IActionResult ControllerAction(ModelDto model)
{
model.selectedIntendedUseId = //you will get id here, use it for your logic
return View();
}

希望现在天气晴朗

样本ajax调用

$.ajax({
    type: "POST",
    url: "/ControllerName/ActionMethodName",
    data: JSON.stringify(formData),
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function (result) {
    },
    error: function (req, status, error) {

    }
});

MVC 匹配对象 API 期待

MVC Match Object to API expecting

model-view-controller

asp.net-mvc