异步方法返回 404

Question

我遇到了以下问题。

在我的控制器中，此方法应该从数据库中返回带有宠物的 JSON。但正在被调用，服务器返回 404。

public async Task<JsonResult> GetPetsAsync(int ownerId )
        {
            var pets = await _dataContext.Pets
                .Where(p => p.Owner.Id == ownerId)
                .OrderBy(p => p.Name)
                .ToListAsync();
            return Json(pets);
        }

================================================ ======

这是为该特定所有者查找宠物的方法提供 OwnerId 的表单。

<div class="row m-auto align-content-center">
    <div class="col-md-4">
        <form asp-action="Assign" enctype="multipart/form-data">
            <div asp-validation-summary="ModelOnly" class="text-danger"></div>
            <input type="hidden" asp-for="Id" />

            <div class="form-group">
                <label asp-for="OwnerId" class="form-label fw-bold"></label>
                <select asp-for="OwnerId" asp-items="Model.Owners" class="form-control"></select>
                <span asp-validation-for="OwnerId" class="text-danger"></span>
            </div>

            <div class="form-group">
                <label asp-for="PetId" class="form-label fw-bold"></label>
                <select asp-for="PetId" asp-items="Model.Pets" class="form-control"></select>
                <span asp-validation-for="PetId" class="text-danger"></span>
            </div>

            <div class="form-group">
                <label asp-for="Remarks" class="form-label fw-bold "></label>
                <textarea asp-for="Remarks" class="form-control"></textarea>
                <span asp-validation-for="Remarks" class="text-danger"></span>
            </div>

            <div class="form-group mt-3">
                <button value="Assign" type="submit" class="btn btn-primary btn-sm"><i class="bi bi-calendar-plus-fill"></i></button>
                <a asp-action="Index" class="btn btn-success btn-sm"><i class="bi bi-arrow-return-left"></i> Go Back</a>
                <span asp-validation-for="Remarks" class="text-danger"></span>
            </div>


        </form>
    </div>
</div>

在我看来——对 GetPetsAsync 的 AJAX 请求

@section Scripts {
    @{await Html.RenderPartialAsync("_ValidationScriptsPartial");}
    <script type="text/javascript">
        $(document).ready(function () {
            $("#OwnerId").change(function () {
                $("#PetId").empty();
                $.ajax({
                    type: 'POST',
                    url: '@Url.Action("GetPetsAsync", "Agenda")',
                    //Take the OwnerId and send it to the JsonResult Method to retrieve the pets
                    data: { ownerId: $("#OwnerId").val() },
                    dataType: 'Json',
                    success: function (pets) {
                        $("#PetId").append('<option value="0">(Select a pet...)</option>');
                        $.each(pets, function (i, pet) {
                            $("#PetId").append('<option value="'
                                + pet.id + '">'
                                + pet.name + '</option>');
                        });
                    },
                    error: function (ex) {
                        alert('Failed to retrieve pets. ' + ex.statusText);
                    }
                });
                return false;
            })
        });
    </script>

Answer 1

此功能更改似乎正在影响您。

Async suffix for controller action names will be trimmed by default #14716

您可以从视图端代码中删除“Async”后缀。这就是为什么重命名您的方法“解决”了您的问题。

您可以使用SuppressAsyncSuffixInActionName 控制应用启动时的这种行为

builder.Services.AddMvc(options =>
{
    options.SuppressAsyncSuffixInActionNames = false;
});

Answer 2

确保使用了“httppost”属性。如果继续报错，请检查 ajax 部分中的数据部分。

Answer 3

我找到了解决方案。令人难以置信的是，只需将方法名称更改为 GetPetAsyncronous，问题就解决了。我不知道为什么以前的方法行不通。但它奏效了。