来自Ajax的MVC Web Api调用响应404

时间:2018-05-31 19:47:34

标签: ajax asp.net-web-api http-status-code-404

我知道这已被问过几十次了,但我真的很沮丧,因为我找不到的建议对我有用,而且我真的被卡住了。

我的问题是我无法从ajax调用Web Api,无论是什么配置/组合/任何路由和我尝试的一切,它们都不起作用,我只得到404.

这是我的Global.asax文件:

protected void Application_Start()
    {
        AreaRegistration.RegisterAllAreas();
        FilterConfig.RegisterGlobalFilters(GlobalFilters.Filters);
        RouteConfig.RegisterRoutes(RouteTable.Routes);
        BundleConfig.RegisterBundles(BundleTable.Bundles);
        GlobalConfiguration.Configure(WebApiConfig.Register);
    }

这是App_Start文件夹中的WebApiConfig.cs:

public static void Register(HttpConfiguration config)
    {
        // Web API configuration and services
        // Configure Web API to use only bearer token authentication.
        config.SuppressDefaultHostAuthentication();
        config.Filters.Add(new HostAuthenticationFilter(OAuthDefaults.AuthenticationType));

        // Web API routes
        config.MapHttpAttributeRoutes();

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

这是我的UserController类:

public class UserController : ApiController
{
    public IHttpActionResult GetUserDataById(string id)
    {
        Clients jsonData = Http.downloadJsonData<Clients>(InsuranceGlobal.clientsUrl);
        Client user = jsonData.clients.Where(u => u.id == id).FirstOrDefault();

        return Ok(user);
    }
}

这是我在cshtml javascript部分中的Ajax调用:

$("#btnGetUserById").click(function () {
        $('#userByName').empty();
        $("#gettingByIdMsg").text(" Getting User...");
        $.ajax({
            url: '../api/User',
            type: "GET",
            contentType: "application/json",
            dataType: "json",
            data: { id: $("#userId").val() },
            success: function (data) {
                $('<tr>', { html: formatItem(data) }).appendTo($('#userByName'));
                $("#usersTable").removeClass("hidden");
                $("#gettingByIdMsg").text("");
            },
            fail: function (jqXHR, textStatus) {
                $("#gettingByIdMsg").text("Request failed: " + textStatus);
            }
        });
    });

我尝试使用[HttpPost]装饰器进行GET和POST无效。

我想我已经安装了所有必需的Web Api NuGet软件包,应用程序编译时没有错误,但是没有调用web api。

请帮忙。

编辑1:

enter image description here

我必须提到 - 目的 - 我没有在Visual Studio中使用WebApi模板启动一个新项目,而是我启动了一个MVC项目,然后安装了所有NuGet WebApi必需的软件包和配置(也许我错过了一些东西,不要不知道。

2 个答案:

答案 0 :(得分:0)

更改 编辑:根据评论

[RoutePrefix("api/User")]
public class UserController : ApiController
{
    [Route("getbyid/{id}")]
    public IHttpActionResult GetUserDataById(string id)
    {
        Clients jsonData = Http.downloadJsonData<Clients> InsuranceGlobal.clientsUrl);
        Client user = jsonData.clients.Where(u => u.id == 
id).FirstOrDefault();

        return Ok(user);
    }
}

和客户

$("#btnGetUserById").click(function () {
        $('#userByName').empty();
        $("#gettingByIdMsg").text(" Getting User...");
        $.ajax({
            url: '/api/User/getbyid/' + id: $("#userId").val(),
            type: "GET",
            success: function (data) {
                $('<tr>', { html: formatItem(data) }).appendTo($('#userByName'));
                $("#usersTable").removeClass("hidden");
                $("#gettingByIdMsg").text("");
            },
            fail: function (jqXHR, textStatus) {
                $("#gettingByIdMsg").text("Request failed: " + textStatus);
            }
        });
    });

答案 1 :(得分:0)

好的,在解决了我的问题后,我会回答我自己的问题。

首先,我要感谢所有回复。喜欢这个社区,人们在这里非常好。

潜入深海之后...错误地解决我的解决方案配置并与之斗争很多我记得我以前安装了WebApi.Owin软件包并试着尝试卸载它只留下AspNet.WebApi和voilá,现在,WebApi调用正在运行。

我希望所有这些努力将有助于其他人在将来遇到类似问题。