在剃刀页面不起作用时在asp.net核心中创建级联下拉菜单

发布时间：2023-02-18 09:07:15 所属栏目：asp.Net 来源：互联网

导读：如何解决在剃刀页面不起作用的情况下，在asp.net核心中创建级联下拉菜单？我试图首先使用asp.net core 3.1代码实现级联下拉列表。我有两个表，分别是车辆制造商和车辆型号。第一个下拉列表将填充品牌，选择任何品牌后，第二个下拉列表将填充模型。但是我对

　　            $("#MakeId").on("change",function () {
　　                var makeId = $(this).val();
　　                $("#ModelId").empty();
　　                $("#ModelId").append("<option value=''>Select Model</option>");
　　                $.getJSON(`?handler=SubCategories&MakeId=${makeId}`,(data) => {
　　                    $.each(data,function (i,item) {
　　                        $("#ModelId").append(`<option value="${item.id}">${item.name}</option>`);
　　                    });
　　                });
　　            });
　　        });
　　    </script>
　　}
　　更新
　　如果您不希望返回的json中的字段名称成为驼峰大小写，则可以在启动时添加以下语句以取消它：

　　services.AddMvc().AddJsonOptions(jsonOptions =>
　　        {
　　            jsonOptions.JsonSerializerOptions.PropertyNamingPolicy = null;
　　        });
　　这是测试结果：

　　enter image description here

　　,
　　在处理AJAX请求时，请始终检查browser's developer tools中的“网络”标签。然后，您将看到请求返回404 Not Found。您在PageModel中有一个名为OnGetSubCategories的处理程序，但是您的AJAX调用处理程序参数名为OnGetModels。

　　确定了要使用的名称后，在将处理程序的名称传递给AJAX查询字符串时，应删除OnGet或OnPost部分：

　　$.getJSON(`?handler=Subcategories&MakeId=${makeId}`
　　有关使用命名处理程序方法的其他信息：https://www.learnrazorpages.com/razor-pages/handler-methods#named-handler-methods

（编辑：甘南站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

2/2

首页

在剃刀页面不起作用时 在asp.net核心中创建级联下拉菜单

在剃刀页面不起作用时在asp.net核心中创建级联下拉菜单