WebAPI路由不起作用

时间:2018-08-01 15:45:53

标签: c# routing asp.net-web-api2

我有WebApiConfig

public static class WebApiConfig
{
    public static void Register(HttpConfiguration config)
    {
        config.MapHttpAttributeRoutes();
   config.Routes.MapHttpRoute(
            name: "DefaultApi",
            routeTemplate: "api/{controller}/{id}",
            defaults: new { id = RouteParameter.Optional }
        );
    }
}

Web API控制器:

[RoutePrefix("api/Trip")]
public class TripApiController : ApiController
{
    [Route("SaveRouting")]
    [HttpPost]
    public async Task<HttpResponseMessage> SaveRouting(string points, int tripId, decimal totalMileage)
    {
        // ......
        return Request.CreateResponse(HttpStatusCode.OK);
    }

并从jquery调用:

            $.post("/api/trip/SaveRouting",
                { points: JSON.stringify(arrayStops), tripId: $("#hdTripId").val(), totalMileage: tMiles },
                function(resp) {
                    App.unblockUI(blockElRouting);
                });

它尝试呼叫,但失败:

enter image description here

App Insights说:

enter image description here

什么是无效的?

1 个答案:

答案 0 :(得分:3)

创建一个模型来保存发布的数据

public class RouteModel {
    public string points { get; set; } 
    public int tripId { get; set; }
    public decimal totalMileage { get; set; }
}

更新控制器操作以从请求的主体中获取该模型

[RoutePrefix("api/Trip")]
public class TripApiController : ApiController {
    [Route("SaveRouting")]
    [HttpPost]
    public async Task<IHttpActionResult> SaveRouting([FromBody] RouteModel route) {
        if(ModelState.IsValid) {
            string points = route.points; 
            int tripId = route.tripId;
            decimal totalMileage = route.totalMileage;

            // ......

            return Ok();
        }
        return BadRequest(ModelState);
    }
}

最后,在客户端更新请求

var model = { points: arrayStops, tripId: $("#hdTripId").val(), totalMileage: tMiles };

$.ajax({
    type: "POST",
    url: "/api/trip/SaveRouting",
    data: JSON.stringify(model),
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function(data){
        App.unblockUI(blockElRouting);
    }
});