时间戳

首页 > 解决方案 > MVC 匹配对象到 API 期望

asp.net-mvc - MVC 匹配对象到 API 期望

问题描述

我正在尝试将此模型序列化为 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)

标签： asp.net-mvcmodel-view-controller

解决方案

创建一个 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) {

    }
});

推荐阅读