Dynamic HTML (DHTML) combines 3 technologies.ppt

What is AJAX? See an example Asynchronous JAvaScript And XML Developed by Adaptive Path Combines several established technologies: Standards based display CSS – Cascading style sheets XHTML – Extensible Hyper Text Markup Language Dynamic display manipulation with DOM Data interchange and manipulation with XML Asynchronous data retrieval with XMLHttpRequest JavaScript functions to bind everything together XMLHttpRequest Can transfer and manipulate XML data between a client and server Originally an ActiveX object developed by Microsoft accessible by scripting languages, such as VBScript Mozilla 1.0 included a compatible native version, XMLHttpRequest Classic Web Application Model Disadvantages? What is the user doing? WAITING Application does not allow user interaction while the information is being processed While user interacting with the browser, the server is not processing information for that user Classic Web Application Model(Synchronous) The AJAX Engine Intermediary layer between user and server Instead of just loading a webpage, browser loads the AJAX Engine Written in JavaScript Usually located in a hidden frame Responsible for displaying the user interface and communicating with the server Allows the user to interact asynchronously – independent of communication with the server Communicates with the server, usually with XML AJAX Web Application Model(Asynchronous) AJAX Web Application Model Advantages? Application is more responsive Any action that does not require the information from the server is handled by the engine User interaction and data processing can occur concurrently Disadvantages? Added technical complexity Potential security issues Is AJAX better than Flash? Yahoo Maps / Google Maps / What do you think? AJAX advantages vs. Flash Searchablitity: text pages are more visible to search engines than Flash Open source vs. Flash licensing AJAX does not require plug-ins However, users must have JavaScript enabled Cost: Adobe has driven up