文章/答案/技术大牛

发布

社区首页 >问答首页 >在Asp.net核心MVC中序列化窗体并将其转换为复杂类的问题使用Ajax发布整个模型

问在Asp.net核心MVC中序列化窗体并将其转换为复杂类的问题使用Ajax发布整个模型
EN

Stack Overflow用户

提问于 2019-11-23 11:53:29

回答 1查看 717关注 0票数 0

我正在序列化我的ASP.NET表单，以便它将根据我的PessoaViewModel复杂类进行转换。显然，序列化是正确的，但是当我使用ajax进行post时，98%的字段都加载了null值。下面我发布了序列化类的一部分：

ExibirTelaPesquisaCpfCnpjAntesCadastrarPessoa=False&PessoaViewModel.Id=2&PessoaViewModel.PessoaNatureza=Juridica&PessoaViewModel.PessoaFisicaViewModel.PessoaId=2&PessoaViewModel.PessoaFisicaViewModel.NomeCompleto=JALBER%20ROMANO&PessoaViewModel.PessoaFisicaViewModel.Apelido=BIM&PessoaViewModel.PessoaFisicaViewModel.DataNascimento=2019-11-18&PessoaViewModel.PessoaFisicaViewModel.Sexo=Masculino&PessoaViewModel.PessoaFisicaViewModel.EstadoCivil=Solteiro&PessoaViewModel.PessoaFisicaViewModel.PessoaFisicaOrigem=Brasileiro&PessoaViewModel.PessoasEnderecosViewModel%5B0%5D.Id=3&PessoaViewModel.PessoasEnderecosViewModel%5B0%5D.PessoaId=2&PessoaViewModel.PessoasEnderecosViewModel%5B0%5D.EnderecoTipoDescricao=COBRAN%C3%87A&PessoaViewModel.PessoasEnderecosViewModel%5B0%5D.RotuloEnderecoTipo=Endere%C3%A7o%20de%20cobran%C3%A7a%20%C3%A9%20utilizado%20para%20definir%20o%20local%20de%20cobran%C3%A7a%20de%20mercadorias%20adquiridas%20pelos%20clientes.&PessoaViewModel.PessoasEnderecosViewModel%5B0%5D.EnderecoTipoId=3&PessoaViewModel.PessoasEnderecosViewModel%5B0%5D.PaisId=1&PessoaViewModel.PessoasEnderecosViewModel%5B0%5D.CodigoPostal=29780-000&.

JS：

var pessoaViewModel = $('form').serialize();

$.ajax({
    url: "/pessoa-gerenciar/change-pessoa-natureza",
    type: "POST",
    data: JSON.stringify({ pessoaViewModel: pessoaViewModel}),
    contentType: "application/json",
    success: function (data) {

    },
    error: function () {
        stopLoadModalInside();
        alert("Oops! Algo deu errado.");
    }
});

Asp.Net核心MVC ((控制器、PessoaViewModel类和子类))：

public class PessoaViewModel
{
    [Key]
    public int Id { get; set; }

    [DisplayName("Natureza")]
    [Required(ErrorMessage = "Escolha uma Natureza")]
    public PessoaNatureza PessoaNatureza { get; set; }
    [DisplayName("Natureza")]
    public string PessoaNaturezaDescricao { get; set; }
    [DisplayName("Naturezas")]
    public IEnumerable<SelectListItem> PessoasNaturezas { get; set; }

    public PessoaFisicaViewModel PessoaFisicaViewModel { get; set; }
    public PessoaJuridicaViewModel PessoaJuridicaViewModel { get; set; }

    public List<PessoaGenericoViewModel> PessoasGenericosViewModel { get; set; }
    public List<PessoaContatoViewModel> PessoasContatosViewModel { get; set; }
    public List<PessoaDocumentoViewModel> PessoasDocumentosViewModel { get; set; }
    public List<PessoaEnderecoViewModel> PessoasEnderecosViewModel { get; set; }

    //Configuracoes
    //public bool AtivarBloqueioRedundanciaCpfCnpj { get; set; }
    public bool ExibirTelaPesquisaCpfCnpjAntesCadastrarPessoa { get; set; }

    //DropDownList Novo Contato
    public IEnumerable<SelectListItem> FormasContato { get; set; }

    //DropDownList Novo Endereco
    public IEnumerable<SelectListItem> EnderecosTipos { get; set; }

    //DropDownList
    public IEnumerable<SelectListItem> DocumentosTipos { get; set; }

    // public IEnumerable<SelectListItem> DocumentosOrgaosEmissores { get; set; }

    public IEnumerable<SelectListItem> Paises { get; set; }

    public PessoaViewModel()
    {
        PessoasNaturezas = ExtensaoDeEnumerador.EnumParaSelectListGenerico<PessoaNatureza>("U", PessoaNatureza.ToString()).OrderBy(x => x.Text);
        PessoaFisicaViewModel = null;
        PessoaJuridicaViewModel = null;
    }
}


 public class PessoaDocumentoViewModel
{
    [Key]
    public int Id { get; set; }

    [DisplayName("Pessoa")]
    [Required(ErrorMessage = "Escolha uma Pessoa")]
    public int PessoaId { get; set; }

    [DisplayName("Tipo de Documento")]
    [Required(ErrorMessage = "Escolha um Tipo de Documento")]
    public int DocumentoTipoId { get; set; }

    public string DocumentoTipoDescricao { get; set; }
    public string RotuloDocumentoTipo { get; set; }
    public string DocumentoTipoSigla { get; set; }

    [DisplayName("Documento")]
    [Required(ErrorMessage = "O campo Número do Documento é obrigatório")]
    [MaxLength(30, ErrorMessage = "O campo {0} deve ter no máximo {1} caracteres")]
    public string Documento { get; set; }

    public PessoaDocumentoDataEmissaoViewModel PessoaDocumentoDataEmissaoViewModel { get; set; }
    public PessoaDocumentoDataPrimeiraEmissaoViewModel PessoaDocumentoDataPrimeiraEmissaoViewModel { get; set; }
    public PessoaDocumentoDataVencimentoViewModel PessoaDocumentoDataVencimentoViewModel { get; set; }
    public PessoaDocumentoDataExpedicaoViewModel PessoaDocumentoDataExpedicaoViewModel { get; set; }
    public PessoaDocumentoOrgaoEmissorViewModel PessoaDocumentoOrgaoEmissorViewModel { get; set; }
    public PessoaDocumentoZonaViewModel PessoaDocumentoZonaViewModel { get; set; }
    public PessoaDocumentoSecaoViewModel PessoaDocumentoSecaoViewModel { get; set; }
    public PessoaDocumentoCategoriaViewModel PessoaDocumentoCategoriaViewModel { get; set; }
    public PessoaDocumentoSerieViewModel PessoaDocumentoSerieViewModel { get; set; }
    public PessoaDocumentoPaisViewModel PessoaDocumentoPaisViewModel { get; set; }
    public PessoaDocumentoUFViewModel PessoaDocumentoUFViewModel { get; set; }

    public IEnumerable<SelectListItem> DocumentosTipos { get; set; }
    public IEnumerable<SelectListItem> DocumentosOrgaosEmissores { get; set; }
    public IEnumerable<SelectListItem> Paises { get; set; }

}


[HttpPost]
[Route("pessoa-gerenciar/change-pessoa-natureza")]
public PartialViewResult ChangePessoaNatureza([FromBody] PessoaViewModel pessoaViewModel)
{

    return null;
}

据我所知，序列化只使用既不为null也不为空的字段。为什么它不起作用？字段名中是否存在无效字符，因为其中许多字符都在列表中？有人知道怎么帮我吗？谢谢!

javascript

ajax

asp.net-core

serialization

asp.net-ajax

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-11-25 11:04:11

当您使用.serialize()时，它会生成“查询字符串”格式的数据，需要使用默认的contentType发送该数据，默认use是application/x-www-form-urlencoded; charset=UTF-8，而不是JSON。

删除contentType选项或指定contentType：application/x-www-form-urlencoded; charset=UTF-8

@model PessoaViewModel
<form>
    <input asp-for="PessoaNaturezaDescricao" />
    <input asp-for="ExibirTelaPesquisaCpfCnpjAntesCadastrarPessoa" />
    ...
    <input asp-for="PessoasDocumentosViewModel[0].PessoaId" />
    <input asp-for="PessoasDocumentosViewModel[0].Documento" />
    <input type="button" onclick="test()"/>
</form>
@section Scripts
{
<script>
    function test()
    {
        var pessoaViewModel = $('form').serialize();
        $.ajax({
            url: "/pessoa-gerenciar/change-pessoa-natureza",
            type: "POST",
            data: pessoaViewModel,
            success: function (data) {
            },
            error: function () {
                stopLoadModalInside();
                alert("Oops! Algo deu errado.");
            }
        });
            }

</script>
}

此外，您还需要将FromBody更改为FromForm，如下所示：

[HttpPost]
[Route("pessoa-gerenciar/change-pessoa-natureza")]
public PartialViewResult ChangePessoaNatureza([FromForm] PessoaViewModel pessoaViewModel)
{

    return null;
}

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/59004380

复制

相似问题

问在Asp.net核心MVC中序列化窗体并将其转换为复杂类的问题使用Ajax发布整个模型
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在Asp.net核心MVC中序列化窗体并将其转换为复杂类的问题使用Ajax发布整个模型EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在Asp.net核心MVC中序列化窗体并将其转换为复杂类的问题使用Ajax发布整个模型
EN