JSON has become a more popular way to transfer structured data than using XML. We create a page to demonstrate how Ajax can receive and parse JSON data by using the Google Maps API to search for location.
- [Instructor] Since the creation of Ajax,…JSON has become a more popular way to transfer…structured data than by using XML.…In large part this is because JSON is ready for use…inside our Java Script code.…While XML requires navigating XML structure,…which can be cumbersome.…To demonstrate how to use JSON,…we could simply send JSON back from a static file.…Just like we sent back text in the last movie.…However, there are many excellent third party APIs…which return JSON,…and I think it's useful for us to try to use…one of those instead.…
So let's try an example which uses…the popular Google Maps API.…You can see that I've added a new directory…to my sites directory called Ajax_zipcode…and has one file in it called index.html.…This will be in your exercise files…if you have access to those,…but it's also a very simple file…that you could write yourself.…Inside text editor, we'll take a look.…We see that we have a basic HTML page.…Has a little bit of style information up here.…Mostly just to add some margin around a couple of things,…
- 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?
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.