1. AJAX Introduction Drupal Commerce Camp 2011 3. September 2011

2. Plüss Production GmbH Ernst Plüss Since 2006 Webapplikationen with Drupal Softwaredevelopement DB / Java / JEE IT Support Aarwangen

3. Topics What is AJAX? What is JavaScript only? What does Drupal 7 offer? Hands on example using Drupal 7 forms. Where to go from here.

4. What is AJAX? Ajax is an acronym for Asynchronous JavaScript and XML. With Ajax, web applications can send data to, and retrieve data from, a server in the background without interfering with the display and behavior of the existing page.

5. What is AJAX?

6. What is JavaScript only? AJAX does always include some communication between the browser and the webserver.

7. Examples AJAX ◦ www.google.com www.google.com JavaScript ◦ http://jqueryui.com/demos/accordion http://jqueryui.com/demos/accordion

8. What does Drupal 7 offer? Using #ajax and #autocomplete_path of Forms API. jQuery AJAX API

9. Hands on AJAX enabled address book. Never want to reload the whole page.

10. Where to go next? Homework ◦ Add a «delete» button. ◦ On an other URL: Automatically show the last 5 changes saved into the person table. ◦ Remove load button. As soon the searchfield matches one record.

11. Questions ?