2

Tenho um formulário simples, que é basicamente minha ViewModel. Estou fazendo um post via AJAX passando este formulário, porém, no lado do servidor, tudo sempre está null. Meu AJAX é o seguinte:

var formData = $('form').serialize();
$.ajax({
    url: '/configuracaocomercial/Create',
    type: "post",
    contentType: 'application/x-www-form-urlencoded; charset=UTF-8',
    data: { viewModel: formData },
    success: function (data) {
        // meu callback
    }
});

Eu havia lido em uma pergunta no SO em inglês, que o problema poderia ser o contentType, por isso coloquei esse 'application/x-www-form-urlencoded; charset=UTF-8'. Porém, meu problema persiste. No lado do servidor, eu recebo ela simplesmente:

[HttpPost]
public ResultadoAjax Create(ConfiguracaoComercialViewModelEdit viewModel)
{
    // Aqui, a viewModel já vem null
    // meu código
    // ...
    return result;
}
3
  • Retire viewmodel e coloca data: formData e teste
    – novic
    Commented 3/10/2017 às 16:20
  • @VirgilioNovic funcionou, o problema é que tenho que passar mais um parâmetro pra função Commented 3/10/2017 às 16:22
  • @ArturoTemplário até coloquei como resposta, qual parametro? que precisa a mais???
    – novic
    Commented 3/10/2017 às 16:25

2 Respostas 2

1

Pelo que pude perceber tem um item atrapalhando que é o viewModel, acredito que deva fazer isso:

Troque isso

var formData = $('form').serialize();
$.ajax({
    url: '/configuracaocomercial/Create',
    type: "post",
    contentType: 'application/x-www-form-urlencoded; charset=UTF-8',
    data: { viewModel: formData },
    success: function (data) {
        // meu callback
    }
});

por isso:

var formData = $('form').serialize();
$.ajax({
    url: '/configuracaocomercial/Create',
    type: "post",
    contentType: 'application/x-www-form-urlencoded; charset=UTF-8',
    data: formData,
    success: function (data) {
        // meu callback
    }
});
4
  • Excelente, desse jeito de baixo ele passou a viewModel. Mas eu tenho mais um parâmetro pra passar, por isso meu AJAX estava daquela maneira. A assinatura original do método é: public ResultadoAjax Create(ConfiguracaoComercialViewModel viewModel, List<ProdutoTabela> produtos_tabela) Commented 3/10/2017 às 16:27
  • Dentro do <form> tem essa lista de ProdutoTabela, porque, se tiver corretamente é assim também???, então depende do formulário! @ArturoTemplário
    – novic
    Commented 3/10/2017 às 16:28
  • O List<ProdutoTabela> eu monto na mão. Engraçado que se eu passo um de cada vez, funciona Commented 3/10/2017 às 16:29
  • é porque existe uma forma de passar, o problema é como você está passando, entendeu @ArturoTemplário, e uma coisa isso não está na pergunta original, se poderia abrir uma nova pergunta para esse determinado paramento, o que acha!
    – novic
    Commented 3/10/2017 às 16:31
1

Tente usar na view o seguinte comanda:

@using (Ajax.BeginForm("ACTION", "CONTROLLER",
new AjaxOptions
{
    HttpMethod = "POST",
    OnBegin = "$.fn.ExibirLoading();",
    OnSuccess = "CarregarServicoTerceiroServicoComplete(data);",
    OnFailure = "$.fn.VerifyError(xhr, status, error);",
    OnComplete = "$.fn.OcultarLoading();$('#FormCadastrarServico')[0].reset();"
}, new { @id = "FormCadastrarServico" }))
                    {
    //SEU FORMULARIO    
}

Ae o .net chamará automaticamente via ajax, acredito que esta seja a melhor maneira.

Os métodos OnBegin, OnSuccess, OnFailure, OnComplete chamarão js para as ações citadas.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .