List Null Post Ajax Asp.NET MVC 5

Question

I’m trying to post a LIST via ajax, only the controller is always getting null.

Requisition code:

var Componentes = [{ Nome: "Teste1" }, {Nome: "Teste2"}];
$.ajax({
         type: "post",  
         url: '@Url.Action("Cadastrar","DocumentoDinamico")',
         data: JSON.stringify(Componentes),  
         datatype: "json",  
         cache: false,  
         success: function (data) {
              console.log('Sucesso.');
         },  
         error: function(data) {  
             console.log('Erro. ' + data);
         } 
 });

Model code:

public class Componente
{
    public string Nome { get; set; }
}

Controller code:

public ActionResult Cadastrar(List<Componente> Componentes)
{
    return View("Index");
}

Answer 1

I managed to resolve added this code in the request:

 contentType: 'application/json; charset=utf-8'