Az AJAX technológia használata Ez az előadó neve beosztása vállalata.

Az előadások a következő témára: "Az AJAX technológia használata Ez az előadó neve beosztása vállalata."— Előadás másolata:

1 Az AJAX technológia használata Ez az előadó neve beosztása vállalata

2 Áttekintés Az AJAX kialakulása AJAX alapok – Ismerkedés a ScriptManager-rel – Ismerkedés az UpdatePanel-lel – Partial Page Rendering – Webszolgáltatások hívása – AJAX Client Library AJAX Control Toolkit

3 Az AJAX Története Asynchronous JavaScript And XML Interaktívabb weblapok készítése Az alapok a 90-es évek óta jelen vannak XMLHttpRequest: a legtöbb böngésző tudja

4 ASP.NET AJAX Az AJAX az ASP.NET 3.5 része Visual Studio 2008 támogatás ASP.NET 2.0-án is használható, VS 2005-el is. – AJAX csomag külön letöltendő Control Toolkit – Továbbra is külön csomagban

5 Ismerkedés a ScriptManager-rel Felelős a Partial Page Rendering vezérléséért Minden ”AJAX-os” oldalon szereplnie kell – MasterPage-eket is beleértve Content Page-en ScriptManagerProxy-t helyezünk el Scriptek megbízható betöltése Szolgáltatás referenciák

6 Ismerkedés az UpdatePanel-lel Az oldal ”AJAX-osítását” érdemes ezzel kezdeni Aszinkron Postback-et vált ki (nem villog) Terület megjelölése az oldalon – Partial Page Rendering – Tényleg csak az UpdatePanel tartalma utazik? Felhasználói élmény megnő – UpdateProgress – Timer

7 Demó UpdatePanel Demo

8 Webszolgáltatások hívása I. Szerveroldal felkészítése – ScriptServiceAttribute – JS proxy elkészítése (auto.) Kliensoldal felkészítése – Referencia a szolgáltatásra a ScriptManager segítségével Ez mit jelent?

9 Webszolgáltatások hívása II. Kommunikáció webszolgáltatásokkal – Soap vs JSON sorosítás JavaScript Object Notation – Pehelysúlyú formátum – XML-t agyba-főbe veri!

10 Demó Az oldal egy részletének frissítése Webszolgáltatásból származó adatok alapján

11 AJAX Client Library Böngésző oldali életciklus vezérlés – pageLoad – minden kérésnél – pageUnload – postback-nél és elnavigálásnál Típus rendszer – Az AJAX Library támogatja az OOP elveket Base Class Library – Kellemesebb JS fejlesztés Hibakezelés, Debugging, Intellisense támogatás

12 AJAX Control Toolkit Az AJAX Control Toolkit egy community project – http://www.codeplex.com/AjaxControlToolkit http://www.codeplex.com/AjaxControlToolkit Több, mint 35 extender – Meglévő szerveroldali vezérlők képességeinek kiterjesztése Önálló vezérlők

13 Demó Az AJAX Control Toolkit bemutatása

14