post 异步从代码隐藏的 Razor 页面调用模式

Question

亲爱的，

我确实读取了条形码并在读取代码后通过回发将用户保存在数据库中，而在 OnPostAsync 中我验证了用户并且我想显示一个弹出窗口 window 如果用户续订日期已过期？那我该怎么做呢？

Answer 1

您可以使用 ajax 调用 OnPostAsync 然后在 ajax 中显示弹出窗口 success.Here 是一个演示：

cshtml(你可以把你要传的数据放到ajax的data):

@Html.AntiForgeryToken()
<button onclick="postdata()">submit</button>
@section Scripts
{
    <script>
        function postdata() {
            $.ajax({
                type: "POST",
                url: '',
                headers: { "RequestVerificationToken": $('input[name="__RequestVerificationToken"]').val() },
                data: { id: 1 }
            }).done(function (result) {
                if (result.message != "") {
                    alert("message:"+result.message);
                    }
                    
                });
                
        }
    </script>

}

cshtml.cs:

public async Task<IActionResult> OnPostAsync(int id)
        {
            //you can check if the user renewal date is expired here 
            if (id==1)
            {
                return new JsonResult(new{ message = "user renewal date is expired" });
            }
            else {
                return new JsonResult(new { message = "" });
            }
        }

结果：