Razor 使用jquery ajax将asp路由数据传递给页面处理程序

Razor 使用jquery ajax将asp路由数据传递给页面处理程序,razor,razor-pages,Razor,Razor Pages,我希望使用jqueryajax将asp路由数据传递给razor页面中页面模型中的页面处理程序。如何修改以下代码以使我的页面处理程序 public class IndexModel : PageModel { public IActionResult OnGetPartial(int? data) { return new PartialViewResult { //return a partial page and update #pan

我希望使用jqueryajax将asp路由数据传递给razor页面中页面模型中的页面处理程序。如何修改以下代码以使我的页面处理程序

public class IndexModel : PageModel
{
    public IActionResult OnGetPartial(int? data)
    {
        return new PartialViewResult { 
            //return a partial page and update #panel
        };
    }
}
接收名为data的参数

@page
@model IndexModel
<div id="panel"></div>
<a href="" asp-route-data="20" data-ajax="true" data-ajax-url="/index/partial" data-ajax-update="#panel">Click here</a>
<div id="panel"></div> 
@page
@模型索引模型

在上面的razor标记中,我尝试将asp路由数据添加到元素中,但它没有将值传递给页面处理程序。首先,向页面添加路由模板,以便找到处理程序:

@page "{handler?}"
然后将路由数据作为查询字符串值传递,例如:

data-ajax-url="/index/partial?data=20"
如果要从JavaScript设置值,可以这样做(使用jQuery):


我想使用jqueryajax将asp路由数据传递给名为
OnGetPartial(int?data){}
$('a[data-ajax-update="#panel"]').first().data('ajax-url', '/index/partial?data=' + your_value);