Pass a single parameter to WebApi controller using jQuery Ajax

Question

I am trying to pass a single parameter (string value) to webapi controller but, it is not working. The parameter value is reaching the controller as 'null'. Here is my WebApi config,

public static class WebApiConfig
    {
        public static void Register(HttpConfiguration config)
        {
            config.Routes.MapHttpRoute(
               name: "DefaultApi",
               routeTemplate: "api/{controller}/{action}"
           );

        }
    }

Controller:

        [HttpPost]
        public HttpResponseMessage GetDataView(string request)
        { 
            try
            {
                var result = DB.GetDataView(request);

                return Request.CreateResponse(HttpStatusCode.OK, result);
            }
            catch (Exception ex)
            {            
                //todo: log exception   
                throw ex;
            }
        }

AJAX

var serverName = 'ds100';
 $.ajax({
        url: 'api/ServerInfo/GetDataView',
        type: 'POST',
        dataType: 'json',
        data: serverName,
        success: function (data, textStatus, xhr) {

        },
        error: function (xhr, textStatus, errorThrown) {

        }

Am I missing anything? Any help is appreciated.

you can try this data: {request: serverName} at your ajax method — Mahedi Sabuj
– Mahedi Sabuj, Commented May 28, 2015 at 18:59
You get a an error: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' — Si8
– Si8, Commented Jan 25, 2017 at 19:01

Luiso · Accepted Answer · 2015-05-28 19:15:00Z

4

The issue seems to be on you ajax parameters the data parameter receives an object (json) that holds a property for each of the values you are passing in the request, I think you should use

 var serverName = 'ds100';
 $.ajax({
    url: 'api/ServerInfo/GetDataView',
    type: 'POST',
    dataType: 'json',
    data: {request: serverName} ,
    success: function (data, textStatus, xhr) {

    },
    error: function (xhr, textStatus, errorThrown) {

    }

and that should do it

answered May 28, 2015 at 19:15

Luiso

4,1232 gold badges41 silver badges63 bronze badges

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

2 Comments

Sachin Pakale Over a year ago

This worked for me but using type:GET. I am still finding out why type:POST is not working. Code is exactly the same except POST

Luiso Over a year ago

@SachinPakale have tried not setting dataType: 'json'? I think that might be the issue, since it's a GET request all info should go in the URL and I think json implies it goes like that in the Body which GET request are not allowed to have. Hope this helps

Collectives™ on Stack Overflow

Pass a single parameter to WebApi controller using jQuery Ajax

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related