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 - jQuery Tutorial
From the course: jQuery Essential Training
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…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.