Create a project to demonstrate how Ajax and PHP can be used to implement infinite scrolling, a web development technique where additional content loads automatically using Ajax when a user scrolls to the bottom of the page. Additional content will be retrieved as pages of items.
- [Instructor] In this chapter, we will learn how to use…Ajax and PHP to implement infinite scrolling.…Infinite Scrolling is a popular technique, that you may…have seen, and not quite known what it was called.…The idea is that when a user scrolls…to the bottom of the existing page content,…then additional content loads onto the page using Ajax.…It's very prevalent on the internet…and you've probably experienced it on sites like…Facebook, LinkedIn, Twitter, or Pinterest.…If you got to any of those sites,…and you go to the List of Data, so the status updates,…or the tweets or the images,…then you can scroll to the bottom of the page,…and you can watch as new content appears…and that allows you to just keep scrolling.…
And then, when you get to the bottom of that content,…just like magic, new content is loaded in the browser.…And again, you can keep scrolling…down that next set of results.…In order to implement Infinite Scrolling,…there are a few things we need to do.…First, we're going to need to come up with…our initial set of items.…
- 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.