在SPA中管理网址

时间:2018-08-21 17:31:48

标签: asp.net url model-view-controller single-page-application

几天以来我一直在搜索,但找不到正确的答案。

我正在创建一个SPA,我正在使用history.js来管理浏览器历史记录,并且在启动应用程序上的主页时一切正常。例如,我有“客户”,“订单”,“发票”页面。布局页面具有导航栏,在单击每个链接时,我使用ajax拉动视图,并在布局页面内部进行渲染,还执行pushstate来更新浏览器历史记录。但是我不确定如何管理每个页面中的链接。

例如,在“客户端”页面内,我有一个使用摘要表的客户端列表(使用数据表)。现在,单击表的一行后,我想将用户带到所选客户的客户详细信息。发生这种情况时,数据表将缩小到屏幕宽度的25%,并且屏幕的其余部分将用于显示详细信息。所有细节都使用ajax获取 现在,我想每当用户单击数据表上的一行以查看详细视图时更新url,并更新历史记录,以便在用户单击浏览器上的后退按钮时将其带回到显示摘要视图的数据表中。 / p>

我如何才能使SPA达到这种效果的网址,这将是实现此目的的最佳方法。如果您还可以解释这一概念,那将很好,它不仅适用于数据表,而且适用于任何类型的重定向以及一些代码片段。

为清楚起见仅举一个例子:

当我进入客户摘要视图时,我的网址应如下所示:

abc.com/home/clients

用户单击行项目后,应更改为

abc.com/home/clients/1(可能还有一些查询参数)

0 个答案:

没有答案