代码之家  ›  专栏  ›  技术社区  ›  punkish

通过URL保存和重新创建状态

  •  2
  • punkish  · 技术社区  · 6 年前

    用户转到 https://mywebsite.com ,搜索某些内容并点击 [submit] https://mywebsite.com/floobah?q=burp . 用户单击一个锚定,该锚定将页面向下滚动到div,选择一种方式来可视化结果。网址现在是 https://mywebsite.com/floobah?q=burp#viz . 用户选择饼图小部件并显示饼图和相关数据。网址现在是 https://mywebsite.com/floobah?q=burp&chart=pie&sort=asc#viz .

    部分,饼图打开,关联的数据按请求排序。

    更新1: https://mywebsite.com/floobah?q=burp&chart=pie&sort=asc即 是否无法区分真正的查询参数,如 q=burb 例如,通过单击一个元素并将一个事件侦听器附加到let, chart=pie&soft=asc #viz )

    更新2: 所以,我有三组参数:在服务器上处理的queryString,在客户端处理的事件,以及指定浏览器滚动到的页面上的锚的散列片段。如果我用 ! ? 想象 https://mywebsite.com/floobah?q=burp!makePieChart!sortAscending#viz q=burp 由服务器处理并返回到客户端,客户端向下滚动到 #即 makePieChart sortAscending

    0 回复  |  直到 6 年前