使用 JQuery 向 c# .net rest API 发出 POST 请求

Question

I am trying to make an ajax post request to a backend server that is built with .net framework. The backend is a REST API built with c# .net. When i try to make a POST request with postman everything goes well, but when i try to do it with ajax, i dont get any data on the backend. This is the C# code:

public Documento()
        {
            this.DocContabilidade = new Dictionary<string, string>()
            {
            };
            this.Linha1 = new Dictionary<string, string>()
            {
            };
            this.Linha2 = new Dictionary<string, string>()
            {
            };
            this.Linha3 = new Dictionary<string, string>()
            {
            };
        }
 public HttpResponseMessage Post([FromBody] Documento documento)
    {
        
        Console.WriteLine(documento);

        // (when I make the request with postman the var has data, when i do it with ajax its empty)
        .
        .
        var response = Request.CreateResponse(System.Net.HttpStatusCode.Created, "a");
        return response;
    }

when i try to send an object with postman, like I said it works well. this is the postman data, its the same i send with ajax.

 {
        "doccontabilidade": {
            "ano": "2020",
            "doc": "411",
            "diario": "22",
            "mes": "09",
            "dia": "30",
            "moeda": "EUR",
            "modulo": "L",
            "descricao":"FT54011481",
            "num_doc_externo": "54011841"
        },
        "linha1": {
            "tipo_linha": "F",
            "conta": "211110001",
            "natureza": "C",
            "moeda": "EUR",
            "tipo_entidade": "F",
            "entidade": "FVD",
            "valor": "529,02",
            "valor_alt": "529,02",
            "valor_origem": "529,02",
            "descricao": "FT 9999",
            "lote":"1"
        },
        "linha2": {
            "tipo_linha": "F",
            "conta": "31211",
            "natureza": "D",
            "moeda": "EUR",
            "tipo_entidade": "F",
            "entidade": "FVD",
            "valor": "430,1",
            "valor_alt": "430,1",
            "valor_origem": "430,1",
            "descricao": "FT 9999",
            "lote":"2",
            "iva":"12132311"
        },
        "linha3": {
            "tipo_linha": "F",
            "conta": "24321132311",
            "natureza": "D",
            "moeda": "EUR",
            "tipo_entidade": "F",
            "entidade": "FVD",
            "valor": "98,92",
            "valor_alt": "98,92",
            "valor_origem": "98,92",
            "descricao": "FT 9965",
            "lote":"3"
        }
    }

this is the response from postman: postman response

the ajax request is as follows:

var dados = {
    "doccontabilidade": {
        "ano": "2020",
        "doc": "411",
        "diario": "22",
        "mes": "09",
        "dia": "30",
        "moeda": "EUR",
        "modulo": "L",
        "descricao":"FT54011481",
        "num_doc_externo": "54011841"
    },
    "linha1": {
        "tipo_linha": "F",
        "conta": "211110001",
        "natureza": "C",
        "moeda": "EUR",
        "tipo_entidade": "F",
        "entidade": "FVD",
        "valor": "529,02",
        "valor_alt": "529,02",
        "valor_origem": "529,02",
        "descricao": "FT 9999",
        "lote":"1"
    },
    "linha2": {
        "tipo_linha": "F",
        "conta": "31211",
        "natureza": "D",
        "moeda": "EUR",
        "tipo_entidade": "F",
        "entidade": "FVD",
        "valor": "430,1",
        "valor_alt": "430,1",
        "valor_origem": "430,1",
        "descricao": "FT 9999",
        "lote":"2",
        "iva":"12132311"
    },
    "linha3": {
        "tipo_linha": "F",
        "conta": "24321132311",
        "natureza": "D",
        "moeda": "EUR",
        "tipo_entidade": "F",
        "entidade": "FVD",
        "valor": "98,92",
        "valor_alt": "98,92",
        "valor_origem": "98,92",
        "descricao": "FT 9965",
        "lote":"3"
    }
}

Ajax request:

$.ajax({
        url: "https://192.168.33.122:44395/api/movimento",
        type: 'POST',
        data: JSON.stringify(dados),
        dataType: 'application/json; charset=utf-8',
        success: function (response) {
            alert(response["resultado"])
        },
        failure: function (response) {[enter image description here][1]
            console.log('Erro');
        }
   });

and this is the response from ajax: ajax response

I tried to send the data without the JSON.stringify but C# still cant detect anything.

Answer 1

The way I do it and is working is:

var dados= { dados: [... your elements ...]};

        $.ajax({
            type: 'post',
            url: 'Your-URI',
            data: JSON.stringify(dados),
            contentType: "application/json; charset=utf-8",
            cache: false,
            traditional: true,
            success: function (response) {
            alert(response["resultado"])
            },
            failure: function (response) {
                console.log('Erro');
            }
        });

or

$.ajax({
    url: "@Url.Action("Your-METHOD", "Your-Controller")",
    type: "POST",
    contentType: "application/json",
    data: JSON.stringify({ dados: Documento}),
    traditional: true,
    success: function(response) {
        response ? alert("Processing") : alert("Error");
    }
});

and in backend

[HttpPost]
public async Task<JsonResult> JsonResponseMessage(Documento doc)
.....

It is better if the document data structure is the same as the response data json. You can convert the json response with JsonToSchemaC# Hope it helps.