php - Looking for the principle of JD.com product details page?

Question

https://item.jd.com/4645290.html

For example, this Honor mobile phone will display different addresses on the URL when clicking on different configurations and different colors, and the product names will change

Want to know the principle

Answer 1

It’s just a page jump. Although it is not directly linked to <a>, in the end it is a URL assigned to location.href:

1. The click event is bound to this p:

2. 

3. 

4. 

5. 

6. The URL is finally spelled out, jump!

Answer 2

Allow me to ramble on. Staticization reduces server pressure and is beneficial to search engines

F12 to see the address data of the new page in the tag! Click to jump directly~

Answer 3

Does a product have multiple attributes, such as red +16G, red +32, white +16G, white 32G? These four specifications are regarded as four products. They belong to one product. These four products share the same product description. No sharing of prices or inventory.

Answer 4

Front-end routing, refer to http://www.tuicool.com/articl...