asp.net-mvc – 如何使用ASP.NET Core,2.0中的Razor Pages处理Ajax请求

下面我试图在CustomerModel Razor Pages中制作一个Post Request to Action方法/处理程序.

RazorPage名称是“Customer.cshtml”

从Ajax请求绑定DropdownList

<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<select class="form-control" id="CustomerID" 
        name="CustomerID" 
        asp-for="Customer.CustomerID"
        asp-items="@(new SelectList(string.Empty,"CustomerID","Name"))">
</select>

Ajax请求

I also tried to call only handler but it show error

<script type="text/javascript">
$(document).ready(function ()
{
    $.ajax({
            type: 'GET',// we are calling json method

            // /Pagename/ActionMethod
            // /Pagename/Handler(OnGetlistofCustomer)

            url: '/Customer/OnGetlistofCustomer',contentType: "application/json",success: function (data) {
                $("#CustomerID").append('<option value="' + "0" + '">' + "Select State" + '</option>');
                debugger;
                $.each(data,function (i,state) {
                    $("#CustomerID").append('<option value="' + state.CustomerID + '">' + state.Name + '</option>');
                });
            },error: function (ex) {
                alert('Failed to retrieve states.' + ex);
            }
        });
});

PageModel

发出Ajax请求时出错

解决方法

我不认为你能够像这样访问剃刀页面动作方法.你能这样试试吗？

$.getJSON("/Customer?handler=listofCustomer",function(data){
    //Do something with the data.
});

因为要访问除默认OnGet或OnPost方法之外的任何方法,我们需要处理程序,其内部运行时映射到方法.