在Razor页面中的OnGet方法之后刷新div内容

@page
@model YourNamespace.IndexModel

<div id="contentDiv">
    <!-- 初始内容 -->
    @Model.Message
</div>

<button id="refreshButton">刷新内容</button>

@section Scripts {
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
        $(document).ready(function() {
            $('#refreshButton').click(function() {
                $.ajax({
                    type: 'GET',
                    url: '/Index?handler=RefreshContent',
                    success: function(data) {
                        $('#contentDiv').html(data);
                    },
                    error: function(xhr, status, error) {
                        console.error('AJAX请求失败:', status, error);
                    }
                });
            });
        });
    </script>
}

using Microsoft.AspNetCore.Mvc.RazorPages;

namespace YourNamespace
{
    public class IndexModel : PageModel
    {
        public string Message { get; set; }

        public void OnGet()
        {
            Message = "初始消息";
        }

        public IActionResult OnGetRefreshContent()
        {
            // 这里可以添加逻辑来获取新的内容
            Message = "刷新后的消息";
            return new JsonResult(new { message = Message });
        }
    }
}