令Sn AJAX DHTML plus asynchronous communication capability through XmlHttp ReqUest Pros Most viable ria technology so far Tremendous industry momentum Several toolkits and frameworks are emerging No need to download code& no plug-in required ●Cons Still browser incompatibility JavaScript is hard to maintain and debug AJAX-enabled JSF components will help 16
16 AJAX • DHTML plus Asynchronous communication capability through XMLHttpRequest • Pros > Most viable RIA technology so far > Tremendous industry momentum > Several toolkits and frameworks are emerging > No need to download code & no plug-in required • Cons > Still browser incompatibility > JavaScript is hard to maintain and debug • AJAX-enabled JSF components will help
今S B. AJAX 尽 eal-life Examples
3. AJAX: Real-life Examples
令Sn Real-Life Examples of AJAX Apps Google maps >http://maps.google.com/ Goolgle Suggest >http://wwW.gOoglE.com/webhp?complete=1&hl=en gmail >http:/gmail.com Yahoo Maps (new) >http:/maps.yahoocom Many more are popping everywhere 18
18 Real-Life Examples of AJAX Apps • Google maps > http://maps.google.com/ • Goolgle Suggest > http://www.google.com/webhp?complete=1&hl=en • Gmail > http://gmail.com/ • Yahoo Maps (new) > http://maps.yahoo.com/ • Many more are popping everywhere
今S AJaX: Demo Google Maps, Yahoo Maps New
AJAX: Demo Google Maps, Yahoo Maps New
令Sn Key Aspects of Google Maps A user can drag the entire map by using the mouse Instead of clicking on a button or something The action that triggers the download of new map data is not a specific click on a link but a moving the map around Behind the scene - ajaX is used The map data is requested and downloaded asynchronously in the background Other parts of the page remains the same No loss of operational context 20
20 Key Aspects of Google Maps • A user can drag the entire map by using the mouse > Instead of clicking on a button or something • The action that triggers the download of new map data is not a specific click on a link but a moving the map around • Behind the scene - AJAX is used > The map data is requested and downloaded asynchronously in the background • Other parts of the page remains the same > No loss of operational context