1 / 11

Mastering AJAX: Benefits, Uses, and Implementation Tips

Learn the ins and outs of AJAX, from its acronym to implementation options. Discover the benefits, various uses like Google Maps, and DIY examples. Enhance user experience with partial page refreshes.

dbetancourt
Download Presentation

Mastering AJAX: Benefits, Uses, and Implementation Tips

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. AJAX MIS 324 Professor Sandvig

  2. Today • What is AJAX • Benefits & Uses • Implementation • Do-it-yourself • Download API • ASP.NET Ajax • Summary

  3. What is AJAX • Acronym • Asynchronous JavaScript And XML • What it is • JavaScript in web page retrieves data from server • Allows partial page refresh • Reduces need to refresh entire page

  4. What is AJAX

  5. What is AJAX • Data format does not need to be XML • Depends upon use • Popular formats: • JSON • Text • XML • CSV • Custom

  6. Benefits & Uses • Benefits: • Richer experience for user • More like using desktop application • Uses • Google Suggest (JSON) • Kelly Blue Book (Cascading Menus) (JSON) • REI product image (image) (JSON) • Google Maps (blob) • Amazon (images) (JSON) • etc. etc.

  7. Implementation Options: • Do-it-yourself • Lightweight, flexible • write or modify JavaScript or jQuery • Use API • Google, Facebook, Amazon, …

  8. Do it yourself • Client • Include JavaScript or jQuery in web page • Requests data from server • Server • Web service provides data • Format: XML, JSON, HTML, …

  9. Do it Yourself Examples

  10. Use AJAX API • Ajax applications written by others • Google AJAX APIs • Search • Maps • Tree Tour • Facebook APIs • LazyLoad

  11. Summary • AJAX • Use to improve user experience • Partial page refreshes • Options: • Code you own • Use APIs • ASP.NET AJAX

More Related