. NET Ядро, выполняющее вызов AJAX со страницы Razor на контроллер

Question

У меня есть проект. NET Core 3.1, использующий Razor Pages. Из него я создал простой тест, в котором я могу сделать успешный Ajax звонок со следующим кодом:

Index.cs html .cs

public class IndexModel : PageModel
{
    public void OnGet()
    {

    }

    public JsonResult OnGetTest()
    {
        return new JsonResult("Ajax Test");
    }
}

Index.cs html

@page
@model IndexModel

<div class="text-center">
    <p>Click <a href="#" onclick="ajaxTest()">here</a> for ajax test.</p>
</div>

<script type="text/javascript">
    function ajaxTest() {
        $.ajax({
            type: "GET",
            url: "/Index?handler=Test",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            error: function (xhr, status, error) {
                console.log(error);
            }
        }).done(function (data) {
            console.log(data);
        });
    }
</script>

Однако я бы хотел переместить метод Ajax из Razor Page в Controller, так Я мог бы позвонить из нескольких Razor Pages. Я создал контроллер, используя следующий код:

public class AjaxController : Controller
{
    public JsonResult Test()
    {
        return new JsonResult("Ajax Test");
    }
}

Startup.cs

public class Startup
{
    public Startup(IConfiguration configuration)
    {
        Configuration = configuration;
    }

    public IConfiguration Configuration { get; }

    // This method gets called by the runtime. Use this method to add services to the container.
    public void ConfigureServices(IServiceCollection services)
    {
        services.AddMvc(options =>
        {
            options.EnableEndpointRouting = false;
        });
        services.AddRazorPages();
    }

    // This method gets called by the runtime. Use this method to configure the HTTP request pipeline.
    public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
    {
        if (env.IsDevelopment())
        {
            app.UseDeveloperExceptionPage();
        }
        else
        {
            app.UseExceptionHandler("/Error");
            // The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.
            app.UseHsts();
        }

        app.UseHttpsRedirection();
        app.UseStaticFiles();
        app.UseMvcWithDefaultRoute();
        app.UseRouting();

        app.UseAuthorization();

        app.UseEndpoints(endpoints =>
        {
            endpoints.MapRazorPages();
        });
    }
}

Но какое бы значение я не использовал в url для Ajax звоните, я получаю 404 error. Должна ли папка Controllers находиться в каталоге Pages? Или мне нужно настроить некоторую маршрутизацию для использования Controller с Razor Pages?

url: "/Ajax/Test" // <-- What goes here?

Вот текущая структура каталогов:

Answer 1

В Startup.cs, добавьте это в ConfigureServices ()

services.AddMvc(options => options.EnableEndpointRouting = false);

В Startupcs, также добавьте это в Configure ()

app.UseMvc(routes =>
        {
            routes.MapRoute(
                name: "default",
                template: "{controller=Home}/{action=Index}/{id?}");
        });

DisplayController.cs

public IActionResult Test()
    {
        return new JsonResult("Hi World");
    }

Index.cs html

<a onclick="ClickMe();">Click Me</a>
<script>
function ClickMe() {
    $.get("/Display/Test", null, function (e) {
        alert(e);
    });
}
</script>

Answer 2

Вам необходимо указать атрибут Route, например:

[Route("api/Ajax")]
public class AjaxController : Controller
{
    // ...
}

Также лучше всего украшать каждую отдельную конечную точку атрибутом 'Method', например:

[HttpGet]
public JsonResult Test()
{
    return new JsonResult("Ajax Test");
}

Кроме того, вам также необходимо установить правильную конфигурацию в Startup.cs, как показано ниже, добавьте все детали, которых у вас нет:

public void ConfigureServices(IServiceCollection services)
{
    services.AddMvc(options =>
    {
        options.EnableEndpointRouting = false;
    });
    services.AddRazorPages();
}

public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
    // lots of stuff...

    // I have this after app.UseStaticFiles(), it may also work elsewhere
    app.UseMvcWithDefaultRoute();

    // lots of other stuff...
}

И затем Вы должны быть в состоянии вызвать его, используя путь /api/Ajax/Test.