1 / 9

Ajax

Ajax. Dr Jim Briggs. Ajax. A synchronous J avaScript A nd X ML Method of creating more interactive web applications Moves more of the application to the client side "Ajax: A New Approach to Web Applications", Jesse James Garrett http://adaptivepath.com/ideas/essays/archives/000385.php.

deron
Download Presentation

Ajax

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Ajax Dr Jim Briggs WEBP Ajax

  2. Ajax • Asynchronous JavaScript And XML • Method of creating more interactive web applications • Moves more of the application to the client side • "Ajax: A New Approach to Web Applications", Jesse James Garrett • http://adaptivepath.com/ideas/essays/archives/000385.php WEBP Ajax

  3. Ajax technologies • XHTML (or HTML), CSS, for marking up and styling information. • The Document Object Model (DOM) accessed with a client-side scripting language, especially ECMAScript implementations like JavaScript and JScript, to dynamically display and interact with the information presented. • The XMLHttpRequest object to exchange data asynchronously with the web server. In some Ajax frameworks and in certain situations, an IFrame object is used instead of the XMLHttpRequest object to exchange data with the web server. • XML is commonly used as the format for transferring data back from the server, although any format will work, including preformatted HTML, plain text, JSON and even EBML. WEBP Ajax

  4. WEBP Ajax

  5. WEBP Ajax

  6. WEBP Ajax

  7. WEBP Ajax

  8. Ajax support in JSF • <f:ajax … /> tag • Three important attributes: • event: which one event should trigger action: • blur, change, click, dblclick, focus, keydown, keypress, keyup, mousedown, mousemove, mouseout, mouseover, mouseup, select, valueChange • click and valueChangeare the defaults depending on the component • execute: which (several) components from the form should be updated on the server • render: which (several) components on the page should be updated after the request completes • execute/render wildcards: • @all, @none, @this, or @form • @this is default for execute • @none is default for render WEBP Ajax

  9. Listener example <f:ajax listener="#{mybean.someaction}" render="somecomponent" /> The following code represents thesomeactionmethod in mybean public void someaction(AjaxBehaviorEventevent) { dosomething; } WEBP Ajax

More Related