为不同的url创建一个模板html

Question

我有一个购物网站，用户可以从所有产品页面转到特定产品页面。

目前我有以下结构:

1. 用户在以下url:

www.example.com/furniture/tables.html

在上面的url中，用户可以看到所有的表。

2. 从上面的url，用户可以点击任何表格(假设表格有一个名称"xyz")，他被带到以下url:

www.example.com/furniture/tables/product.html

product.html是我的模板html，我填充了与表"xyz"相关的信息。从数据库中获取信息

现在，我想要实现的是有一个url与产品名称本身，而不是一个一般的模板名称。在本例中，我想使用:

www.example.com/furniture/tables/xyz.html

不是

www.example.com/furniture/tables/product.html

这样做的主要用例是，我想将特定产品的url添加到其他一些网站，用户可以点击链接并被带到包含在通用模板文件中的特定产品页面。

我怎样才能做到这一点?由于

Answer 1

如果你只想更新显示的URL(不重新加载页面)，你可以使用history.pushState

window.history.pushState('', '', 'http://www.example.com/furniture/tables/'+product_name+'.html');