Parameters null in Web API ajax Call

Question

This is the first time i'm working with Web API. i'm trying to call a web api through a jquery ajax call. ajax call hits the web api action successfully but the string parameter "xx" is always null.

Ajax call

 var x = "chamara";
   $.ajax({
   type: 'POST',
   url: 'http://localhost:1557/api/values/mytest',
   data: '{"xx":"' + x + '"}',
   dataType: 'json',
   });

Web Api action.

[AcceptVerbs("GET", "POST")]
 public void mytest([FromBody]string xx)
 { 
  string a = xx;

 }

web api routes configuration.

config.Routes.MapHttpRoute(
            name: "DefaultApi",
            routeTemplate: "api/{controller}/{action}/{id}",
            defaults: new { action = "get", id = RouteParameter.Optional }
            );

Community · Accepted Answer · 2017-05-23 12:15:38Z

1

Try this:

var x = "chamara";
$.ajax({
    type: 'POST',
    url: 'http://localhost:1557/api/values/mytest',
    data: { '' : x },
    dataType: 'json',
});

I encountered the same thing this morning. I'm not sure why and I feel like there should be a better way, but it worked for me.

Alternatively, see this SO question where the solutions suggest setting the contentType to application/json.

edited May 23, 2017 at 12:15

CommunityBot

11 silver badge

answered Jul 19, 2013 at 3:54

Jason P

27k3 gold badges34 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

chamara Over a year ago

mmm interesting..i got it working too but looks like it's not working for multiple parameters. any way thanks for the answer

chamara Over a year ago

hello. check here encosia.com/using-jquery-to-post-frombody-parameters-to-web-api [FromBody] accepts Only one parameter per method

PRMan · Accepted Answer · 2018-06-30 23:08:39Z

0

I wrote this simple code in JQuery to solve all my Microsoft .NET WebApi woes:

$.webApi = function (method, url, data) {
    return $.ajax(url, {
        type: method,
        data: typeof (data) === "object" ? JSON.stringify(data) : data,
        dataType: "json",
        contentType: "application/json"
    })
};

I call it like this:

$.webApi("POST", "http://url", {object:data});

Makes everything nice and simple. And I don't have to remember all the settings every time.

answered Jun 30, 2018 at 23:08

PRMan

6241 gold badge9 silver badges19 bronze badges

Collectives™ on Stack Overflow

Parameters null in Web API ajax Call

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related