Question

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

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

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

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

config

<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)
    {

Ajax调用

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

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

.rule {
  margin-bottom: 34px;

  @include supports-safe-area-insets {
    margin-bottom: calc(env(safe-area-inset-bottom) + 34px);
  }
}

但是您还需要更改要发送的数据的格式。以<f:media file=" {post.teaserAssetsWide.0}" width="708" height="398" />发送的简单类型数据必须采用public DashboardContainerViewModel GetDashboardContainer([FromBody] string token)而不是application/x-www-form-urlencoded的格式

'=value'

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

2 个答案: