.NET Core 5 Razor页面Identity注册页AJAX未触发后端方法求助

1. 修正AJAX请求类型的大小写错误 #

jQuery AJAX的请求类型参数是小写的type，你写的Type:"POST"会被框架忽略，默认发送GET请求，导致后端的OnPostXXX方法无法触发（GET请求会匹配OnGetXXX或默认页面GET逻辑）。

修改AJAX代码中的请求类型：

$.ajax({
    type:"POST", // 改为小写t
    // 其余代码保持不变
});

2. 正确构造Handler URL #

手动拼接URL容易出现路径重复或格式错误，建议用Razor内置的Url.Page方法生成标准的Handler地址：

先在页面中定义URL变量：

<script>
var checkVcNumberUrl = '@Url.Page("Register", "CheckvcNumber")';
</script>

再在AJAX中使用该变量：

$.ajax({
    type:"POST",
    url: checkVcNumberUrl,
    // 其余代码保持不变
});

3. 调整后端授权规则 #

你的RegisterModel类上添加了[Authorize(Roles = "Admin")]，但注册页本身面向匿名用户，这会导致未登录用户调用OnPostCheckvcNumberAsync时被拦截，返回登录页HTML内容（而非触发你的方法），AJAX会将该HTML视为成功响应进入success函数。

如果该校验接口允许匿名访问，单独给方法添加[AllowAnonymous]：

[AllowAnonymous]
public async Task<JsonResult> OnPostCheckvcNumberAsync(string vcNumber)
{
    if (string.IsNullOrEmpty(vcNumber)) throw new ArgumentException(nameof(vcNumber));  
    return new JsonResult(new { message = "Unauthorized" });
}

若必须Admin才能访问，需确保当前用户已登录且属于Admin角色，否则请求会被拦截。

4. 移除同步AJAX设置（可选但推荐） #

async: false会阻塞浏览器主线程，现已不推荐使用，建议删除该配置，改用异步方式处理响应：

$.ajax({
    type:"POST",
    url: checkVcNumberUrl,
    beforeSend: function (xhr) {
        xhr.setRequestHeader("RequestVerificationToken",
            $('input:hidden[name="__RequestVerificationToken"]').val());
    },
    data: {
        "vcNumber": $("#VCNumberInput").val()
    },
    // 移除 async: false
    success: function (response) {
        // 根据后端返回结果处理逻辑，比如验证通过再提交表单
        if(response.isValid) { // 假设后端返回验证状态
            $('#RegisterForm').submit();
        } else {
            alert(response.message);
        }
    },
    error: function (response) {
        alert(JSON.stringify(response));
    }
});

5. 确保AntiForgeryToken有效 #

确认注册表单中包含AntiForgeryToken，Razor Pages表单通常自动生成，若未生成可手动添加：

<form id="RegisterForm">
    @Html.AntiForgeryToken()
    <!-- 其他表单元素 -->
</form>

这样AJAX请求中的RequestVerificationToken头才能通过验证，避免400错误。

内容的提问来源于stack exchange，提问作者KevBarri