asp.net-mvc - Web API ajax 调用中的参数 null

Question

这是我第一次使用 Web API。我正在尝试通过 jquery ajax 调用来调用 web api。ajax 调用成功命中 web api 操作，但字符串参数“xx”始终为空。

阿贾克斯调用

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

Web API 操作。

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

 }

web api 路由配置。

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

Answer 1

尝试这个：

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

今天早上我遇到了同样的事情。我不确定为什么，我觉得应该有更好的方法，但它对我有用。

或者，请参阅此 SO question，其中解决方案建议将 设置contentType为application/json.

Answer 2

我在 JQuery 中编写了这个简单的代码来解决我所有的 Microsoft .NET WebApi 问题：

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

我这样称呼它：

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

让一切变得美好而简单。而且我不必每次都记住所有设置。