关于asp.net core mvc switch route without refresh page like angular route reuse strategy有什么解决办法吗

Question

我只想实现如下效果，切换路由不刷新页面

补充： 我想保持页面状态

Answer 1

你可以实现这个功能局部视图.

这里有一个简单的演示供大家参考：

家庭控制器：

  public class HomeController : Controller
    {
        public IActionResult Index()
        {
            return View();
        }

        public IActionResult FirstTab(string param)
        {
          return PartialView("_FirstTab",param);
        }

    }

Index.cshtml:

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
    $(function () {
        $("#tabs").tabs();
    });
</script>
<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Page1</a></li>
        <li><a href="#tabs-2">Page2</a></li> 
    </ul>
    <div id="tabs-1"> 
        @Html.Partial("_FirstTab", "Page1")
    </div>
    <div id="tabs-2">
        @Html.Partial("_FirstTab", "Page2")
    </div>
</div>

_FirstTab.cshtml 局部视图：

@model string

<h1>This is the @Model Tab</h1>
<input id="Text1" type="text" />

测试结果：