Create the code for a demonstration of how to update page content when an element on the page changes. In this case, an Ajax request is sent whenever a form’s select-option is changed and the data returned is used to populate the contents of another select-option.
- [Instructor] In this movie,…we'll apply what we've been learning in this chapter…to see how to update a web page…when an element on the page changes.…You'll see that I've got another directory here…inside Sites directory called ajax_categoryselect.…This is included in the exercise files,…if you have access to those.…Let's open them up in our Atom text editor and take a look.…First, let's take a look at index.html.…This is going to be a basic HTML page,…and it has a div which has an id of form.…Now, it's not actually a form.…It would have a form tag if that were the case.…
I'm just simulating or suggesting the idea of a form.…On that form, though, we have a question,…which category are you interested in?…Maybe we're asking a customer for more information,…or maybe this is a form…that's allowing someone who's using our website…to get the kind of information that they're looking for…on the website.…So, we have a category-select, and this is a select option.…That's the kind of drop-down menu where you click on it…
- What is Ajax?
- Creating Ajax requests and responses
- Monitoring Ajax request state and events
- Responding to Ajax requests with HTML and JSON
- Building Ajax buttons
- Submitting forms with Ajax
- Implementing infinite scrolling
- Adding autosuggestions to text fields
Skill Level Intermediate
1. Ajax Defined
What is Ajax?5m 34s
2. Ajax Client
3. PHP Server
4. Ajax Button
5. Ajax Form Submission
6. Infinite Scrolling
7. Search Autosuggest
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.