Receiving null value with Web API POST using [FromBody]

Question

Receiving null value with Web API POST using [FromBody]

Below is the code for my WebAPI in C#:

 [Route("")]
        [HttpPost]
        public void SaveTestRun([FromBody] object data)
        {
            inputResultsToDatabase(data);
        }

This is the ajax request I am making:

sendTestData() {
        this.get('ajax').request('/web/api/test/', {
            data: {"name":"John Doe", "age":18, "country":"United States of America"},
            method: 'POST',
            dataType: 'object',
            headers: {
                AjaxRequestUniqueKey: getAntiForgeryToken()
            }
        });
    },

When I check Google Developer Tools, the 'data' object is showing up as null. I have attempted to send the object as a string but am encountering the same issue.

javascript c#json ajax asp.net-web-api

Answer 1

Answer №1

The [FromBody] attribute is utilized to extract simple types from the request body.

Modify your Action method to accept a typed parameter

public class User {
    public string username { get; set; }
    public int age { get; set; }
    public string country { get; set; }
}

[Route("")]
[HttpPost]
public void SaveUserData(User info) {
    saveDataToDatabase(info);
}

Ensure that you are sending the data in the correct format

sendUserData() {
    var userData = {"username":"Jane Smith", "age":25, "country":"Canada"};
    this.get('ajax').request('/web/api/user/', {
        data: JSON.stringify(userData),
        method: 'POST',
        contentType: 'application/json',
        headers: {
            AjaxRequestToken: getAntiForgeryToken()
        }
    });
},

Answer 2

The [FromBody] attribute is utilized to extract simple types from the request body.

Modify your Action method to accept a typed parameter

public class User {
    public string username { get; set; }
    public int age { get; set; }
    public string country { get; set; }
}

[Route("")]
[HttpPost]
public void SaveUserData(User info) {
    saveDataToDatabase(info);
}

Ensure that you are sending the data in the correct format

sendUserData() {
    var userData = {"username":"Jane Smith", "age":25, "country":"Canada"};
    this.get('ajax').request('/web/api/user/', {
        data: JSON.stringify(userData),
        method: 'POST',
        contentType: 'application/json',
        headers: {
            AjaxRequestToken: getAntiForgeryToken()
        }
    });
},

Receiving null value with Web API POST using [FromBody]

Answer №1

Similar questions

Encountering an issue in a Vue console where the $ref is returning null and prompting an error message

What is the best approach for dynamically accessing or rendering Children within an Angular Component?

AJAX for displaying a partial view or handling form validation errors

Updating Website Content Using JavaScript Library or Asynchronous JavaScript and XML

Leveraging react redux in conjunction with next.js

Transform a protractor screenshot into a PDF file

Tips for utilizing the "Sign In with Apple" feature through Apple JS

Tips for correctly loading all elements on an HTML page before making CSS modifications

The color of the button in HTML5 will remain constant and not shift

How can you make the browser window scroll horizontally when a div is clicked using jQuery?

Executing a request via ajax using a radio button

"Experiencing difficulties deploying Firebase functions - Encountering an error message stating 'Cannot read property 'firebase-admin' of

Swipe to eliminate an element in Ruby on Rails

Issue: [$injector:unpr] Provider not found: RequestsServiceProvider <- RequestsServiceFor more information on this error, please visit the website: http://errors.angularjs.org

Import a large JSON file into either a MySQL or Oracle database

Showing every piece of information line by line while uploading an AJAX CSV file

Ways to fetch a JSON object using JavaScript

What is the method for changing the Uint8Array object into a string?

Is there a tool that can automatically arrange and resolve TypeScript dependencies, with or without the use of _references.ts file?

What is the best method for extracting specific information from an HTML webpage?