C＃Web API无法用作POST类型

Question

Below is my API structure

 public class CustomController : ApiController
{
   [HttpPost]
    public DataSet POSTM(string StaffCode, string bytearray, string Reason)
   {
    //Some Business logic Here
   }
}

And its route

 config.Routes.MapHttpRoute(
                name: "DefaultApi2",
                routeTemplate: "api/{controller}/{staffCode}/{bytearray}/{Reason}",
                defaults: new {
                    staffCode = RouteParameter.Optional,
                    bytearray = RouteParameter.Optional,
                    Reason = RouteParameter.Optional

                }
            );

I am try to invoke it from jquery ajax as

var data = {
            staffCode: staffCode_,
            bytearray: bytearray_,
            Reason: Reason_,
        };

        $.ajax(
            { url: 'http://localhost:59118/api/Custom/', 
             method : 'POST', 
             dataType: 'JSON', 
             data:data, 
             success: function (d) 
             { 
                 alert("Saved Successfully"); 

             }, 
             error: function (e) 
             { 
                 alert("Error please try again"); 
             } 
            });

After invoking it I am getting 500 Internal Server Error in console Log

But if I changed [HttpPost] to [HttpGet] than it works perfectly fine

Why it is not working as POST ?

Answer 1

You are using POST and sending data in body then you need to bind model like this

[HttpPost]
public DataSet POSTM(MyModel model)
{
  //Some Business logic Here
}

and MyModel will be a class

public class MyModel 
{
  public string staffCode { get; set; }
  public string bytearray { get; set; }
  public string reason { get; set; }
}

Answer 2

leave web api config route as it is by default

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

Then try call it like this

    var staffCode = "staff code here";
    var bytearray = "hell byte arry";
    var Reason = "no reason";

    $.ajax(
        {
            url: 'http://localhost:51524/api/Test/POSTM/',
            method: 'post',
            data: JSON.stringify([staffCode, bytearray, Reason]),
            contentType: "application/json",
            dataType: 'json',
            success: function (data) {
                alert("Saved Successfully");

            },
            error: function (e) {
                alert("Error please try again");
            }
        });

controller look like this

 [HttpPost]
    public DataSet POSTM(List<string> data)
    {
      //ur code here
    }

Receiving request from ajax

Answer 3

While you are sending data from Ajax,

Your attribute " staffCode " doesn't match with controller method attribute " StaffCode ".

Attribute names are case sensitive.