类库项目的 ajax Get 请求中的 404 not found 错误

Question

我正在制作一个简单的 类库 项目，我在其中制作了一个 AJAX 在 HTML 文件中获取请求以从服务器获取数据（在 ac# 类中的方法中返回） .

AJAX调用的HTML脚本字段：

$( function () {

    $('#btnSend').click(function () {

        $.ajax({

            type: "GET",
            url: "./Employee/Getdata",
            data: {},
            contentType: "application/json; charset=utf-8",
            dataType: "json",

            success: function (response) {

                console.log(response);

            },

            failure: function (jqXHR, textStatus, errorThrown) {
                alert("HTTP Status: " + jqXHR.status + "; Error Text: " + jqXHR.responseText); // Display error message  
            }

        })

    })
});

C#调用类：

using System; 
using System.Collections.Generic; 

public class Employee 
{

    public int ID { get; set; }
    public string Name { get; set; }


    public List<Employee> GetData()
    {
        var empList = new List<Employee>()
        {
            new Employee { ID=1, Name="Hamdi"},
            new Employee { ID=2, Name="Tester"}
        };
        return empList ;
    } 

}

问题是控制台中显示的 404 NOT found 错误告诉我 Url 错误，虽然它在具有相同 url 的 MVC 项目中工作正常，在此类遵循路径的情况：Controllers/HomeController/Employee.cs

我搜索了很多，但所有示例都是 MVC 或 webforms 项目，这不是我的情况，那么正确的 URL 是什么？

Answer 1

Employee 应该是一个控制器，GetData 应该是一个 IActionResult。除此之外，javascript 中的正确 URL 应该是：

网址：“/Employee/Getdata”

。如果您使用基于属性的路由，控制器中的 url 将是：

[HttpGet(“Employee/Getdata”)]

Answer 2

如果您假设父项目将始终是 ASP.NET MVC 项目，则可以这样做。但是你需要对你的类做一些修改。 here 是对 ASP.NET 如何查找控制器类的一个很好的解释。

简而言之，将类重命名为EmployeeController，将文件重命名为EmployeeController.cs，并使其继承自Controller：

public class EmployeeController : Controller

只要父项目配置了默认路由，它应该在库中找到这个控制器，并在向/Employee/GetData发出请求时将请求路由到它

如果要更改路由，可以使用属性路由，但这也是假设主项目启用了属性路由。

[RoutePrefix("Employee")]
public class EmployeeController : Controller
    public int ID { get; set; }
    public string Name { get; set; }

    [HttpGet("Data")]
    public List<Employee> GetData()
    {
        var empList = new List<Employee>()
        {
            new Employee { ID=1, Name="Hamdi"},
            new Employee { ID=2, Name="Tester"}
        };
        return empList ;
    }
}

这应该可以与/Employee/Data 一起使用。