In order to implement infinite scrolling, modify the project code so that it can keep track of the current page in a data attribute and then use the attribute value to make requests to PHP for different pages of items.
- [Instructor] In the last movie, we learned to append…Ajax results to a div on the page.…But, we were getting results for page 1 back every time.…In this movie, we will learn to send…different page numbers in our request,…and then learn how to keep track of the current page…by using a data attribute.…So, we've seen how we make our request,…always using Page 1. That's just a static value.…What we want to do now, is we want to be able to have…our new page variable be set here.…So, page is what we're going to be working with,…let's actually call it "next_page",…and that's the value we want to come up with.…
- 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.