razor page ajax,示例AJAX回调到ASP.NET Core Razor页面

本文探讨了在ASP.NET Core RazorPage中如何从AJAX调用OnPost方法。示例展示了在About.cshtml页面上添加AJAX功能,尝试调用OnPost方法,但遇到问题。内容涵盖了页面模型、JavaScript代码以及可能出现的错误处理。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

我发现了在页面上具有多个处理程序以及相关的命名约定(即OnPostXXX)和“ asp-post-

hanlder”标签帮助程序的示例。但是如何从AJAX调用中调用这些方法之一。

我有一个带有典型MVC视图和控制器的较旧示例,但这如何与Razor Page一起使用?

例如,如果我使用基本应用程序并将About.cshtml页面修改为以下内容:

@page

@model AboutModel

@{

ViewData["Title"] = "About";

}

@ViewData["Title"]

@Model.Message

@section Scripts {

function ajaxTest() {

console.log("Entered method");

$.ajax({

type: "POST",

url: '/About', //

contentType: "application/json; charset=utf-8",

dataType: "json",

error: function (xhr, status, errorThrown) {

var err = "Status: " + status + " " + errorThrown;

console.log(err);

}

}).done(function (data) {

console.log(data.result);

})

}

}

并在模型页面About.cshtml.cs上

public class AboutModel : PageModel

{

public string Message { get; set; }

public void OnGet()

{

Message = "Your application description page.";

}

public IActionResult OnPost() {

//throw new Exception("stop");

return new JsonResult("");

}

}

没有从Ajax调用中调用OnPost。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值