来自Ajax的Web API发布调用失败

Question

我有一个Web API棒，我用POST方法在ajax中将其称为方法，将参数作为data发送。 它给我一个404 not found错误。

但是，当我在查询字符串中传递数据时，它可以正常工作。 请帮助我解决此问题，并在使用正文中的数据而不是查询字符串调用该方法时使它正常工作。

注意：Web应用程序和Web-api在不同的端口上运行

发送查询字符串中的具体类型对象也不起作用，并且以null的形式接收到Web api

配置

<httpProtocol>
          <customHeaders>
            <add name="Access-Control-Allow-Origin" value="*" />
            <add name="Access-Control-Allow-Headers" value="Content-Type, contentType, data" />
            <add name="Access-Control-Allow-Methods" value="GET, POST, PUT, DELETE, OPTIONS" />
          </customHeaders>
</httpProtocol>

控制者

 public class RiskController : ApiController
    {

方法

[HttpGet, HttpPost]
    public DashboardContainerViewModel GetDashboardContainer(string token)
    {

阿贾克斯电话

var postData = { token: priv.secToken };        

$.ajax({
            type: 'POST',
            url: 'http://localhost:48060/api/Risk/GetDashboardContainer',
            dataType: 'json',
            contentType: 'application/x-www-form-urlencoded; charset=UTF-8',
            data: postData,
            success: function (data) {
                pub.dashboardHeader(data.Name);
                var defaultTab = _.find(data.Dashboards, function (tab) {
                    return tab.IsDefault == true;
                });

我得到POST http：// localhost：48060 / api / Risk / GetDashboardContainer 404（未找到）

提琴手请求标头

POST http://localhost:48060/api/Risk/GetDashboardContainer HTTP/1.1
Host: localhost:48060
Connection: keep-alive
Content-Length: 142
Pragma: no-cache
Cache-Control: no-cache
Accept: application/json, text/javascript, */*; q=0.01
Origin: http://localhost:10452
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.99 Safari/537.36
Content-Type: application/x-www-form-urlencoded; charset=UTF-8
Referer: http://localhost:10452/Authorised/DashBoard/DashBoard.aspx
Accept-Encoding: gzip, deflate, br
Accept-Language: en-US,en;q=0.9

token=ETvgg0YH4sx9w%2FiQL5560S20Ja4jGix%2FiBTOFGpQCliYZVilmtKiXPbk30d8FTYbhUWyFqz8%2FqT1pmI0oY6rzDGQ7krL6d2fDKDKwJhfCNFXZxnv%2BPCUj5ki5eizdWOM

提琴手响应头

HTTP/1.1 404 Not Found
Cache-Control: no-cache, no-store
Pragma: no-cache
Content-Type: application/json; charset=utf-8
Expires: -1
Server: Microsoft-IIS/8.0
X-AspNet-Version: 4.0.30319
X-SourceFiles: =?UTF-8?B?QzpcRGVmYXVsdENvbGxlY3Rpb25cQ0FNTVNfUHJvZHVjdHNcX1JlbGVhc2VcMTQxMExSLUFNXFdlYiBTZXJ2aWNlXENBTU1TLlNBQVMuV2ViQVBJXENBTU1TLlNBQVMuSVJNV2ViQVBJXGFwaVxSaXNrXEdldERhc2hib2FyZENvbnRhaW5lcg==?=
X-Powered-By: ASP.NET
Access-Control-Allow-Origin: *
Access-Control-Allow-Headers: Content-Type, contentType, data
Access-Control-Allow-Methods: GET, POST, PUT, DELETE, OPTIONS
Date: Fri, 29 Jun 2018 05:47:22 GMT
Content-Length: 215

{"Message":"No HTTP resource was found that matches the request URI 'http://localhost:48060/api/Risk/GetDashboardContainer'.","MessageDetail":"No action was found on the controller 'Risk' that matches the request."}

Answer 1

根据我的观点和经验，这很可能是由于路由错误，您是否尝试过查看RouteConfig.cs以确保它为您的API设置了正确的路由？ 像这样：

public static void RegisterRoutes(RouteCollection routes)
{
    routes.IgnoreRoute("{resource}.axd/{*pathInfo}");

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



}

Answer 2

您的Controller方法使用简单类型参数。 WebApi将在请求URL中搜索简单参数。 因此，如果要POST参数，则必须告诉WebApi查看请求正文。

public DashboardContainerViewModel GetDashboardContainer([FromBody] string token)

但是，您还需要更改要发送的数据格式。 作为application/x-www-form-urlencoded发送的简单类型数据必须采用'=value'格式，而不是'token=value'格式

var postData = "=testData";