ASP.Net Core 3.1 Razor Pages 事件處理程序在生產中不起作用

Question

我正在使用 ASP.NET 3.1 Core Razor Pages 並嘗試在 onchange 事件時為我的下拉列表添加實時交互。

我有兩個下拉列表，第一個填充省份，第二個將使用 onchange 事件填充所選省份的城市。

在開發過程中一切順利，但如果我發布我的項目，城市下拉列表不會發生實時交互，我會收到此錯誤

GET http://localhost/SectorPlan/Update?handler=GetCitiesList&GovernorateId=15 404（未找到）

這是我的代碼。

更新.cshtml.cs

public JsonResult OnGetGetCitiesList(int GovernorateId)
    {
        var cities = manageCities.GetCities().Where(c => c.GovId == GovernorateId).ToList();

        return new JsonResult(cities);
    }

更新.cshtml

        <div class="form-group">
            <label asp-for="Governarate.Id">Governorate Name</label>
            <select class="form-control governarateDropdown" asp-for="Governarate.Id" asp-items="@(new SelectList(Model.Governarates,"Id", "Name"))">
                <option selected disabled>Select Governorate</option>
            </select>
            <span asp-validation-for="Governarate.Id" class="alert-danger"></span>
        </div>

        <div class="form-group">
             <label asp-for="City.Id">City Name</label>
             <select class="form-control cityDropdown" asp-for="City.Id">
                 <option selected disabled>Select City</option>
              </select>
              <span asp-validation-for="City.Id" class="alert-danger"></span>
         </div>

JS代碼

//Bind City dropdownlist
$(".governarateDropdown").change(function () {
    var govId = $(this).val();
    console.log(govId);

    $.ajax({
        type: "GET",
        url: '/SectorPlan/Update?handler=GetCitiesList',
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        data: $.param({ GovernorateId: govId }),
        success: function (result) {
            //alert(JSON.stringify(result));
            var item = "";
            $(".cityDropdown").find('option').not(':first').remove();
            item += '<option selected disabled value="">Select City</option>'
            $.each(result, function (i, city) {
                console.log(city);
                item += '<option value="' + city.id + '">' + city.name + '</option>'
            });
            $(".cityDropdown").html(item);
        }, //End of AJAX Success function  

        failure: function (result) {
            //alert(result.responseText);
            console.log(result.responseText);
        }, //End of AJAX failure function  
        error: function (result) {
            //alert(result.responseText);
            console.log(result.responseText);
        } //End of AJAX error function  

    });
});

任何幫助將不勝感激。

Answer 1

您是否嘗試過像這樣使用 Url.PageLink 方法。

type: "GET",
url: "@Url.PageLink(pageHandler:"GetCitiesList", pageName:"/SectorPlan/Update",values: route values if you have any)",