Accept JSON data in ASP.NET MVC action method for posting data

Question

Accept JSON data in ASP.NET MVC action method for posting data

I have a model class named Parcel which contains the parameters Name and CenterPoint:

public class Parcel
{
    public string Name { get; set; }
    public object CenterPoint { get; set; }
}

The values for these parameters are obtained from a map. When a parcel is clicked, the center point is calculated and stored in a JavaScript variable. The CenterPoint is represented as a JSON object, while the Name is plain text.

I need to save the CenterPoint as a JSON object in the database so that it can be retrieved and drawn on the map later.

However, when I post the data to the action method as shown below, the CenterPoint object appears as {object}:

It should actually look like this: { type="point", x=121.32380004076, y=452.024614968}

    [HttpPost]
    public ActionResult SaveParcel(Parcel parcel)
    {
        return Json(new {parcel}, JsonRequestBehavior.AllowGet);
    }

My JavaScript code snippet is here:

           var postData = {
                    "Name": document.getElementById("name").value,
                    "CenterPoint": document.getElementById("center").value
            };

            $http({
                method: 'POST',
                url: "/Parcel/SaveParcel/",
                data: postData,
            }).success(function (data, status, headers, config) {
                console.log(data);
            });

I am looking for a way to store and retrieve the JSON data accurately. Is there a better approach available?

javascript asp.net-mvc json

Answer 1

Answer №1

Is it possible for a JSON deserializer to convert your Point to an anonymous class, and place it inside a generic Object property? From what I know, the answer is no. You can check out this post for more details along with a solution if absolutely necessary.

If you create a Location class like this:

public class Location
{
    public type { get; set; }
    public float x { get; set; }
    public float y { get; set; }
}

You can then modify Parcel as follows:

public class Parcel
{
    public string Name { get; set; }
    public Location CenterPoint { get; set; }
}

Keep in mind the requirement of placing the object inside a generic Object property. The deserializer may not perform this task, but using Json.NET can serve the purpose for handling a dynamic object. In that case, you could update your Parcel class to:

public class Parcel
{
    public string Name { get; set; }
    public dynamic CenterPoint { get; set; }
}

Answer 2

Is it possible for a JSON deserializer to convert your Point to an anonymous class, and place it inside a generic Object property? From what I know, the answer is no. You can check out this post for more details along with a solution if absolutely necessary.

If you create a Location class like this:

public class Location
{
    public type { get; set; }
    public float x { get; set; }
    public float y { get; set; }
}

You can then modify Parcel as follows:

public class Parcel
{
    public string Name { get; set; }
    public Location CenterPoint { get; set; }
}

Keep in mind the requirement of placing the object inside a generic Object property. The deserializer may not perform this task, but using Json.NET can serve the purpose for handling a dynamic object. In that case, you could update your Parcel class to:

public class Parcel
{
    public string Name { get; set; }
    public dynamic CenterPoint { get; set; }
}

Accept JSON data in ASP.NET MVC action method for posting data

Answer №1

Similar questions

Tips for ensuring the security of your code in node.js

The event.target.x attribute on the <i /> tag element

Transforming JSON data into an Angular TypeScript object

Error: The object cannot be serialized to JSON

Detecting click events in D3 for multiple SVG elements within a single webpage

Drop and drag to complete the missing pieces

Include the <script> tag in the HTML code for an iframe without running it

How can we process the incoming data that is in a JSON format?

Gson - The issue with my JSON file caused by the loop

Sending a second request with jQuery to upload a file

Considering an attempt to remove a data entry from a table using AngularJS, node.js, and mongoDB

Tips and tricks for storing and retrieving form state using local storage with jQuery in JavaScript

Is it true that echo and print are disabled in the 'real-time' version of php?

reversed json using javascript

Verifying a checkbox selection within an Autocomplete feature using MUI

Sinon experiences delays during an AJAX call

Fetching JSON data through AJAX call from PHP file

Tips on sending asynchronous requests to a PHP page using jQuery AJAX

Invoke a REST endpoint using Mockito

How to Access a Method from Controller 2 in AngularJS Controller One