razor代码中的Ajax调用刷新页面

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<script>
    $(document).ready(function () {
        // 监听某个事件，例如按钮点击
        $('#refreshButton').click(function () {
            // 发送Ajax请求
            $.ajax({
                url: '/Controller/Action', // 请求的URL地址
                type: 'GET', // 请求方法，可以是GET或POST
                dataType: 'html', // 期望的响应数据类型
                success: function (data) {
                    // 请求成功时的回调函数
                    // 在这里更新页面的特定部分
                    $('#targetDiv').html(data);
                },
                error: function () {
                    // 请求失败时的回调函数
                    alert('请求失败');
                }
            });
        });
    });
</script>

<div id="targetDiv">
    <!-- 这里显示Ajax请求返回的内容 -->
</div>

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