如何用raw javascript实现react router?(后端.net core mvc)

How to implement react router with raw javascript?(backend .net core mvc)

已经使用 CSS、HTML、原始 javascript、jquery、ajax 和 .net 核心 MVC 构建了一个 Web 应用程序。问题是有一个 _Layout 页面,其中有一个渲染每个页面的 renderBody()。为此,每当我点击访问另一个 page/nav 选项时,整个网站都会重新加载页面。与 React 一样,使用 react-router 可以防止重新加载。但是用rawJavaScript/Jquery实现同样的功能?有吗? TIA

您可以阅读这篇文章https://medium.com/@fro_g/routing-in-javascript-d552ff4d2921 或者本文https://www.section.io/engineering-education/how-to-build-a-simple-router-in-javascript/

或者你可以做同样的反应路由器的工作就是做这个步骤 创建页面并在其中放置布局,并在此布局的中心添加 ID 为 div main 然后在不同的文件中创建所有其他页面并创建函数,该函数在文档准备好读取页面 url 中,然后在元素主文件中加载此 link 的文件 并且对于导航创建功能,将现有元素替换为文件中与单击的导航项对应的其他元素 这是一个漫长的过程,但最终你会得到与 react router

相同的效果