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

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

3. 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

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

5. 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

6. 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.

7. 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

8. 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, …

9. Do it Yourself Examples
MIS 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

10. 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

11. 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