1. MIS 324 -- Professor Sandvig MIS 324 Professor Sandvig
2/19/2019
AJAX
MIS 324
Professor Sandvig

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

3. MIS 324 -- Professor Sandvig
2/19/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
2/19/2019
What is AJAX

5. MIS 324 -- Professor Sandvig
2/19/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
2/19/2019
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. MIS 324 -- Professor Sandvig
2/19/2019
Implementation
Options:
Do-it-yourself
Lightweight, flexible
write or modify JavaScript or jQuery
Use API
Google, Facebook, Amazon, …

8. MIS 324 -- Professor Sandvig
2/19/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
2/19/2019
Do it Yourself Examples
Client Language
Data
Example
jQuery
HTML
ListCityZips.php
ZipAjaxHandler.php
JavaScript
AjaxBookstore
Home rolled
CarParts.com
JSON
AjaxSearch Birds
SearchHandler MVC

10. MIS 324 -- Professor Sandvig
2/19/2019
Use AJAX API
Ajax applications written by others
Google AJAX APIs
Search
Maps
Tree Tour
Facebook APIs
LazyLoad

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