单击链接时如何呈现页面

Question

所以我有一个div，其中有一个a元素。我希望另一个div一旦单击另一个RenderPage中的a元素，就渲染另一个页面（div）。

<div id="Left" style="width:29.49%; height:100%; border-style:solid; border-color:darkgray;">
    <h1 id="Pages"> Articles </h1><br />
    <a OnClick="LoadUE()">UE</a>
    &nbsp;&nbsp;<a></a>
    <script>
        function LoadUnity() {

        }
        function LoadUE() {
            document.getElementById("Body").innerHTML = @{RenderPage("Bottom.cshtml")};
        }
    </script>
</div>
<div id="Body" style="width:69.49%; height:100%;">

</div>

因此，我有一个div，其中有一个元素。我希望另一个div一旦单击另一个div中的一个元素，即可渲染另一个页面（RenderPage）。

Answer 1

RenderPage方法仅在首次执行页面时在服务器上有效。如果要从客户端脚本加载ASP.NET网页中的部分内容（正在使用的内容），则应从文件名中删除开头的下划线，然后创建一个AJAX请求来加载它。这是使用Fetch的示例：