使用jquery ajax将复杂的DTO发送到web api

本文关键字：web api DTO jquery ajax 复杂 使用 | 更新日期: 2023-09-27 18:20:42

我有一个类似的DTO对象：

public class ImageDto : EntityDTO
{
    public ImageDto()
    {
        Position = new PositionDTO();
        Rotation = new RotationDTO();
        Size = new SizeDTO();
    }
    public string Name { get; set; }
    public string Source { get; set; }
    public string Description { get; set; }
    public string Style { get; set; }
    public string Link { get; set; }
    public int ZIndex { get; set; }
    public string Effect { get; set; }
    public PositionDTO Position { get; set; }
    public RotationDTO Rotation { get; set; }
    public SizeDTO Size { get; set; }
}

我有一个WebApi，它的方法是：

    // POST api/Image/CreateImage
    [HttpPost]
    [Route("CreateImage")]
    public IHttpActionResult CreateImage([FromBody]ImageDto imageDto)
    {
        if (imageDto == null)
            return BadRequest();
        return Ok();
    }

当我尝试从Jquery Ajax发送DTO时，复杂类型（PositionDTO、RotationDTO和SizeDTO）的值总是0.0

这是我使用jQuery AJAX的代码：

var urlApi = '/api/Image/CreateImage';
    var imageDTO =
    {
        Name: "",
        Source: "",
        Description: "",
        IdSlide: "9aa2d084-dd82-457b-a80d-9af8375c59ff",
        Style: "",
        Link: "",
        ZIndex: "",
        Effect: "",
        SizeDTO: {
            Width: 200,
            Height: 200,
        },
        PositionDTO: {
            PositionLeft: 200,
            PositionTop: 200,
        },
        RotationDTO: { Rotation: 180 },
        IdGenially: "54006b50b59f86143834c187"
    };
    function getData() {
        return $.ajax({
            url: urlApi,
            type: 'POST',
            data: JSON.stringify(imageDTO),
            contentType: "application/json; charset=utf-8"
        });
    }

如何在JavaScript中获得DTO对象的值，而不是所有复杂值的0.0？其他值也不错。

问候！！

使用jquery ajax将复杂的DTO发送到web api

您的类没有*DTO属性，您的属性为：Position、Rotation、Size:

public PositionDTO Position { get; set; }
public RotationDTO Rotation { get; set; }
public SizeDTO Size { get; set; }

尝试从你的名字中删除DTO：

    Size: {
        Width: 200,
        Height: 200,
    },
    Position: {
        PositionLeft: 200,
        PositionTop: 200,
    },
    Rotation: { Rotation: 180 },
相关文章：