MIS 324 -- Professor Sandvig MIS 424 Professor Sandvig 7/1/2019 AJAX MIS 424 Professor Sandvig

MIS 324 -- Professor Sandvig 7/1/2019 Today What is AJAX Benefits & Uses Implementation Do-it-yourself Download API ASP.NET Ajax Summary

MIS 324 -- Professor Sandvig 7/1/2019 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

MIS 324 -- Professor Sandvig 7/1/2019 What is AJAX

MIS 324 -- Professor Sandvig 7/1/2019 What is AJAX Data format does not need to be XML Depends upon use Popular formats: JSON Text XML CSV Custom

MIS 324 -- Professor Sandvig 7/1/2019 Benefits & Uses Benefits: Richer experience for user More like using desktop application Uses Google Suggest (JSON) Google Maps (blob?) Kayak – (JSON with image links) Amazon (images) (JSON) Facebook news feed, Gmail, Netflix, etc. etc.

MIS 324 -- Professor Sandvig 7/1/2019 Implementation Options: Do-it-yourself Lightweight, flexible write or modify JavaScript or jQuery Use API Google, Facebook, Amazon, … Easy, powerful

MIS 324 -- Professor Sandvig 7/1/2019 Do it yourself Client Include JavaScript or jQuery in web page Requests data from server Server Web service provides data Format: XML, JSON, HTML, …

Do it Yourself Examples MIS 324 -- Professor Sandvig 7/1/2019 Do it Yourself Examples Client Language Data Example JavaScript XML w3Schools HTML AjaxBookstore (see handout) jQuery ListCityZips.php (see source) ZipAjaxHandler.php Home rolled CarParts.com JSON AjaxSearch Birds (see handout) SearchHandler MVC

MIS 324 -- Professor Sandvig 7/1/2019 Use AJAX API Ajax applications written by others Google APIs Search Maps Tree Tour Facebook APIs Flickr Gallery API

MIS 324 -- Professor Sandvig 7/1/2019 Summary AJAX Use to improve user experience Partial page refreshes Options: Code you own Use APIs ASP.NET AJAX