我如何从 jquery 路由到控制器 api？

Question

我有一个无法解决的问题。

我有一个文本框。对于这个文本框，我有一个 jquery 自动完成功能。 Jquery 正在工作，但得到 错误代码 404，所以我的路由无法以某种方式工作。 我希望有人能帮助我。 谢谢

jQuery

<script>
    $(document).ready(function () {
        $("#TabakName").autocomplete({
            source: 'api/tabaksuche/search',
           
        });
    });
</script>

控制器

{
    [Route("api/[controller]")]
    [ApiController]
    public class TabakSucheController : ControllerBase
    {
        private readonly HookahContext hookahContext;

        
        public TabakSucheController(HookahContext _hookahContext)
        {
            hookahContext = _hookahContext;
        }

        [Produces("application/json")]
        [HttpGet("search")]
        public async Task<IActionResult> Search()
        {
            try
            {
                string term = HttpContext.Request.Query["term"].ToString();
                var postTabak = hookahContext.TabakSuches.Where(p => p.TabakNameInventar.Contains(term)).Select(p => p.TabakNameInventar).ToList();

                return Ok(postTabak);
            }

            catch
            {
                return BadRequest();
            }
        }
    }
}

启动

    app.UseEndpoints(endpoints =>
            {
                endpoints.MapControllerRoute(
                    name: "default",
                    pattern: "{controller=Home}/{action=Index}/{id?}");
            });
        }

Answer 1

[HttpGet("search")] 属性重写控制器的路由。因此，您的操作将通过 /search 而不是 /api/tabaksuche/search 访问。 将您的 HttpGet 属性更改为 [HttpGet("api/TabakSuche/search")] 将解决您的问题。

控制器：

[HttpGet("api/TabakSuche/search")]
public async Task<IActionResult> Search()
{
    ...
}

建议：如果您在 Razor 视图中编写脚本，最好使用 Url.Action 助手，这样您的路由就不会丢失。

<script>
    $(document).ready(function () {
        $("#TabakName").autocomplete({
            source: '@Url.Action("Search", "Tabaksuche")',
        });
    });
</script>

上面的代码总是会生成正确的路线。

你可以阅读更多关于Url.Action Helper here的信息。