Agenda. Einführung AJAX Was ist eigentlich AJAX?

Transkript

1 Anwendung in.net

2 Agenda Einführung AJAX Was ist eigentlich AJAX? Was macht AJAX? Klassisch vs. AJAX Bekannte Beispiele Wer hat es erfunden? Wer spricht AJAX? ASP.NET AJAX Microsoft und AJAX Microsofts AJAX Produkte Beispiel mit PostBack Was brauchen wir? Partielle Seitenerzeugung ScriptManager UpdatePanel Beispiel ohne PostBack UpdateProgress 2

3 Einführung AJAX 3

4 Was ist eigentlich AJAX? AJAX ist ein Spülmittel ein Fußballverein eine griechische Tragödie und eine neue Technologie? Nein, nur eine Kombination bestehender: HTML, XML, Javascript Asynchronous Javascript and XML 4

5 Was macht AJAX? Asynchroner Austausch von Daten (XML, HTML, Plaintext, ) zwischen Client und Server Client: DOM, Javascript, HTML / XML Server: Beliebige Technologie ohne PostBack! 5

6 Klassisch vs. AJAX Client-Plattform Internet/Intranet Webbrowser Benutzeroberfläche HTTP-Anfrage HTTP(S)-Verkehr HTML + CSS-Daten Webbrowser Benutzeroberfläche JavaScript- Aufruf HTTP-Anfrage HTML + CSS-Daten AJAX-Engine in JavaScript HTTP(S)-Verkehr XML- oder HTMLoder JavaScript-Daten Server-Plattform Webserver Datenbank Server-basiertes System Webserver und/oder XML-Server Datenbank Server-basiertes System 6

7 Bekannte Beispiele Outlook Web Access Exchange Server 2000 & 2003 Google Maps, Google Suggest Local Live Search Seit 2005 starke Durchdringung: Amazon Social-Network-Sites MySpace Facebook Xing StudiVZ 7

8 Wer hat es erfunden? Nicht die Schweizer! März 1999 Microsoft Internet Explorer 5.0 Februar 2005: Jesse James Garrett: Ajax: A New Approach to Web Applications s/archives/ php Die Community 8

9 Wer spricht AJAX? Firefox ab 1.0 Netscape ab 7.1 Opera ab 8.0 Safari ab 1.2 Internet Explorer Ab 5: MS XML ActiveX Ab 7: Natives XMLHttpRequest 9

10 ASP.NET AJAX 10

11 Microsoft und AJAX September 2005 Professional Developer Conference (PDC) Microsofts Beitrag zum AJAX-Hype: Codename Atlas Vorabversion und Spaltung des Projekts durch Kundendruck November 2007.NET Visual Studio 2008 = Orcas Neuerungen: ASP.NET AJAX von Haus aus integriert 3 neue Controls (ListView, DataPager, LinqDataSource) Generelle Verbesserung der IDE JavaScript IntelliSense und Debugging Neue CSS-Engine HTML-Designer mit Unterstützung für MasterPages Split-View 11

12 Microsofts AJAX Produkte Microsoft AJAX Library JavaScript-Bibliothek Browserunabhängig unabhängig von der eingesetzten Servertechnologie ASP.NET AJAX Extensions Serverseitige Unterstützung für AJAX-Entwicklung gute Ergänzung zu der Microsoft AJAX Library Konzepte: partielle Seitenerzeugung asynchrone Browser-Rückrufe an den Server ASP.NET AJAX Control Toolkit Sammlung von DHTML-Widgets Eingabeprüfung, Navigationselemente, grafische Spielereien wie Schatten, Animation, Optional 12

13 Beispiel ASP.NET übliche Seite mit PostBack 13

14 Was brauchen wir? Partielle Seitenerzeugung ScriptManager UpdatePanel 14

15 Partielle Seitenerzeugung Austausch von ein oder mehreren Seitenfragmenten, nicht der kompletten Seite Browser Seitenfragment Seitenfragment Serversteuerelement Server 15

16 ScriptManager Teil der ASP.NET AJAX Extensions Integration auf AJAX-Webseiten Entwurfszeitsteuerelement Bindet zur Laufzeit benötigte JavaScript- Dateien ein 16

17 UpdatePanel Grenzt statische und dynamische Seitenbereiche voneinander ab Pro Seite beliebig viele Verschachtelt Statisches Seitenfragment UpdatePanel Dynamisches Seitenfragment 17

18 Beispiel ASP.NET AJAX Seite ohne PostBack 18

19 UpdateProgress Anzeige während eines Aktualisierungsvorgangs von z.b. Hinweistext animierten GIF-Grafiken Abbruch der Aktion durch clientseitiges abortpostback() 19

20 Beispiel UpdateProgress 20

21 Noch Zeit? Weitere Beispiele mit dem ASP.NET AJAX Control Toolkit 21

22 Danke für ihre Aufmerksamkeit! Haben Sie Fragen? 22

23 Quellen asp.net microsoft.com it-visions.de Michael Schwarz (Most Valuable Professional) ajax.schwarz-interactive.de ajaxpro.info dotnetframework.de de.wikipedia.org/wiki/ajax_%28programmi erung%29 23