What is the best approach or best practice to consume a REST API within a multi-paged website on client side?
Lets assume I have the following REST API defined
/product -> all products, high level information
/product/{id} -> detailed product information about product with given id
Further assume that my website has two .html pages, index.html and detail.html.
Inside the index.html I would query all products with high level information from my REST API with an AJAX call in Javascript. I then alter a table element inside the index.html page with the received JSON and display the high level information of each product inside this table.
Each table entry also has a link to the detailed product information, e.g. url/products/42.
Now to the interesting part. If I press the link of one specific product and want to show the detail.html page with detailed information about the pressed product id, how to I tell the Javascript inside detail.html which product the user pressed and is to be queried from the REST API?
I know how I perform these REST API calls in a native mobile app, since I always know, which element a user has pressed. I am a little bit lost how to do this on a multi paged website application.
Thanks to enrich my mind 🙂