如何使用新数据更新razorPage异步

public async Task<IActionResult> OnGetNewDataAsync()
{
    // 使用适当的数据访问技术获取最新的数据
    var newData = await _dataService.GetNewDataAsync();

    // 返回部分视图的HTML
    return Partial("_NewDataPartial", newData);
}

<div id="newDataContainer">
    <!-- 初始页面加载时，显示旧数据 -->
    @Html.Partial("_OldDataPartial", Model.OldData)
</div>

<script>
    // 异步更新函数
    async function updateData() {
        try {
            // 发起异步请求获取最新数据
            const response = await fetch('/PageName/OnGetNewDataAsync');
            const newHtml = await response.text();

            // 将返回的HTML插入到页面中的相应位置
            document.getElementById('newDataContainer').innerHTML = newHtml;
        } catch (error) {
            console.error(error);
        }
    }

    // 调用异步更新函数
    updateData();

    // 可以根据需要设置更新的触发方式，例如点击按钮时更新：
    document.getElementById('updateButton').addEventListener('click', updateData);
</script>