使用 Asp.net Web Api 时面临的问题，详情如下：

Question

我创建了带有两个控制器的 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>

WebApiConfig App_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);
        }
    }
}

RouteConfig App_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 操作的值。感谢任何帮助。

Answer 1

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

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

使用 Asp.net Web Api 时面临的问题，详情如下：

Facing Issue in using Asp.net Web Api with details given below:

c#

controller

web-applications

asp.net-web-api