From the course: jQuery Essential Training

Unlock the full course today

Join today to access over 22,500 courses taught by industry experts or purchase this course individually.

Programming challenge

Programming challenge - jQuery Tutorial

From the course: jQuery Essential Training

Start my 1-month free trial

Programming challenge

- [Instructor] In this programming challenge, we're going to use AJAX to load our product database and populate the product information page. Now remember, from the last challenge, that our site was passing the product name and product id to the product page, but that the rest of the fields were empty. I've got the finished version of the site open here in Firefox, and I'm going to try out the code. I'm using Firefox because it allows me to do AJAX on local files. I'll scroll down to the product listing, and you'll see that when I click on a product, the product page opens and now, you can see that the product page contains the name, which it did in the last challenge, but also, as well as information about the product. It's in stock, what its price is, and then some lorem ipsum description text. This information is coming from our products JSON data, which is the JSON file located in the HPlusSport folder. Let's go over the code editor, and you can see that there is a…

Contents