使用 Asp.net Web Api 时面临的问题，详细信息如下：答案

【问题标题】：Facing Issue in using Asp.net Web Api with details given below:使用 Asp.net Web Api 时面临的问题，详细信息如下：
【发布时间】：2021-06-30 19:44:28
【问题描述】：

我用两个控制器创建了 Web Api 应用程序，第一个是 HomeController，我在其中创建了名为 ApiDataView 的操作，并创建了该操作的视图并调用了另一个名为 GetNames 的操作，我在其中创建了在另一个名为 APITESTController 的控制器中，我在 ApiDataView 视图中调用此 GetNames List<string> 但单击按钮时，我无法获取此 GetNames 操作的值。

我的代码：

Home控制器：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;

namespace My_Work.Controllers
{
    public class HomeController : Controller
    {
        public ActionResult Index()
        {
            return View();
        }
        [HttpGet]
        public ActionResult ApiDataView()
        {
            return View();
        }
    }
}

APITest控制器：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Net.Http;
using System.Web.Http;

namespace My_Work.Controllers
{
    public class APITestController : ApiController
    {
        public List<string> GetNames()
        {
            List<string> names = new List<string>() { "Zeeshan", "Uzair", "Nouman" };
            return names;
        }
    }
}

ApiDataView查看：

@{
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>APIDataView</title>
    <script> src="~/Scripts/jquery-1.7.1.js" </script>
</head>
<body>
    <div>
        <input type="button" id="btn1" value="Show Name" />
        <ul id="nl">
            <li>ABC</li>
        </ul>
    </div>
</body>
</html>
<script>
    $("#btn1").click(function () {
        $("#nl").empty();
        $.getJSON("api/APITest/GetNames", function (data) {
            $.each(data, function (id,val) {
                $("#nl").append("<li>" + val + "</li>");
            });
        });
    });
</script>

WebApiConfigApp_Start 文件夹：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web.Http;

namespace My_Work
{
    public static class WebApiConfig
    {
        public static void Register(HttpConfiguration config)
        {
            // Web API configuration and services

            // Web API routes
            config.MapHttpAttributeRoutes();

            config.Routes.MapHttpRoute(
                name: "DefaultApi",
                routeTemplate: "api/{controller}/{action}/{id}",
                defaults: new { id = RouteParameter.Optional }
            );
            var xmlType =
                config.Formatters.XmlFormatter.SupportedMediaTypes.FirstOrDefault(t => t.MediaType == "application/xml");
                config.Formatters.XmlFormatter.SupportedMediaTypes.Remove(xmlType);
        }
    }
}

RouteConfigApp_Start 文件夹：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using System.Web.Routing;

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

            routes.MapRoute(
                name: "Default",
                url: "{controller}/{action}/{id}",
                defaults: new { controller = "Home", action = "ApiDataView", id = UrlParameter.Optional }
            );
        }
    }
}

这是我得到 GetNames 操作值的代码：

<script>
    $("#btn1").click(function () {
        $("#nl").empty();
        $.getJSON("api/APITest/GetNames", function (data) {
            $.each(data, function (id,val) {
                $("#nl").append("<li>" + val + "</li>");
            });
        });
    });
</script>

输出：

现在单击按钮时，我无法获取 GetNames 操作的值。任何帮助表示赞赏。

【问题讨论】：

标签： c# asp.net-web-api web-applications controller

【解决方案1】：

您提供的路径是相对的，意味着它将在当前 URL 之后附加您的路径“api/APITest/GetNames”，因此创建的请求路径是 "/Home/api/APITest/GetNames"不存在这就是您收到 404 错误的原因（检查浏览器的控制台）。要解决此问题，请提供类似 "/api/APITest/GetNames" 的路径，使其绝对意味着从 "/api" 开始。

$.getJSON("/api/APITest/GetNames", function (data) {});

【讨论】：