Issue with posted JSON data to web API

Question

0.00/5 (No votes)

See more:

Hi,
I have a web page which posts data to an Web API.
The ajax function is as follows.

JavaScript

var jsondata = { "comparisionCalculatorReq": { "transactionType": "None", "fundName": "Myfund", "annualizedReturn": "10", "frequency": "Monthly"} };  
  
$.ajax({  
type: "POST",  
url: "http://localhost:1101/Mypost/PostDataAPI",  
dataType: 'json',  
data: jsondata  
}).done(function (msg) {  
alert(msg);  
});

In my Web API controller i have a method as below

C#

[ActionName("PostDataAPI")]  
       public string PostDataAPI(JSONdata obj)  
       {  
           try  
           {  
               string k = obj.transactionType;  
               return k;  
           }  
           catch (Exception err)  
           {  
               throw err;  
           }  
       }

The JSONdata class is below

C#

public class JSONdata  
   {  
       public string transactionType { get; set; }  
       public string fundName { get; set; }  
       public string annualizedReturn { get; set; }  
       public string frequency { get; set; }  
   }

Problem is that, I'm getting null value for transactionType in my controller.

If the json data is passed like this in ajax,

JavaScript

var jsondata={ "transactionType": "None", "fundName": "Myfund", "annualizedReturn": "10", "frequency": "Monthly"};

then all the values are got correct.
Please provide a solution for this.

What I have tried:

I have tried making the JSONdata class as below, but still it is returning null for every values

C#

public class JSONdata  
   {  
       public object comparisionCalculatorReq { get; set; }
       public string transactionType { get; set; }  
       public string fundName { get; set; }  
       public string annualizedReturn { get; set; }  
       public string frequency { get; set; }  
   }

Posted 11-Aug-16 19:28pm

Midhun T P

Updated 11-Aug-16 22:35pm

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Midhun T P · Answer 1 · 2016-08-11T22:35:00

I got the solution. Changed in model class like below

C#

public class JSONdata
   {
       public comparisionCalculatorReq[] comparisionCalculatorReq { get; set; }
   }
   public class comparisionCalculatorReq
   {
       public string transactionType { get; set; }
       public string fundName { get; set; }
       public string annualizedReturn { get; set; }
       public string frequency { get; set; }
   }

Dil0500 · Answer 2 · 2016-08-11T19:53:00

Solution 1

I modified your ajax code:

JavaScript

var jsondata = { "comparisionCalculatorReq": { "transactionType": "None", "fundName": "Myfund", "annualizedReturn": "10", "frequency": "Monthly"} };  
  
$.ajax({  
type: "POST",  
url: "http://localhost:1101/Mypost/PostDataAPI",  
contentType:"application/json; charset=utf-8",
dataType: 'json',  
data: JSON.stringify(jsondata)  
}).done(function (msg) {  
alert(msg);  
});

Posted 11-Aug-16 19:53pm

Dil0500

Comments

Midhun T P 12-Aug-16 2:05am

adding content type will cause cross origin error. So can't add that. Also i want solution without stringifying the data

Dil0500 12-Aug-16 2:18am

Look into this link may be it will help you
http://stackoverflow.com/questions/6114436/access-control-allow-origin-error-sending-a-jquery-post-to-google-apis