There are important user experience aspects to consider when submitting forms via Ajax. In this training video, discover how to handle form errors so that a user has an indication whenever form data has problems that need to be fixed.
- [Instructor] In the previous movie, we were able…to gather the form data, submit it via Ajax…and display the result.…You might think our project is done but before…we declare it a total success, there are a few other…aspects we should consider.…There are three items related to the UX or User Experience…which we should always consider when submitting…forms via Ajax.…The first is that we're going to need to consider…how we want to handle form errors.…Frequently, when we're submitting form data to the server,…there's the possibility that something on the form…is wrong, that some of the data is invalid…and it needs to be fixed before the process could continue.…
We need to consider how we're going to handle…reporting those form errors to the user so they can…fix them and resubmit the data.…The second is that we should indicate the loading status,…especially when we're sending form data,…it may take the server a little while to respond…and we don't want the user to just think that our…form is broken while it's waiting.…
- 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.