Ajax Dynamiska webbsystem. AJAX och web 2.0 Web 2.0 är egentligen bara ett ”buzzword” för en modern webbsajt. Innehållet skulle till exempel vara: Rich.

En presentation över ämnet: "Ajax Dynamiska webbsystem. AJAX och web 2.0 Web 2.0 är egentligen bara ett ”buzzword” för en modern webbsajt. Innehållet skulle till exempel vara: Rich."— Presentationens avskrift:

1 Ajax Dynamiska webbsystem

2 AJAX och web 2.0 Web 2.0 är egentligen bara ett ”buzzword” för en modern webbsajt. Innehållet skulle till exempel vara: Rich internet application (ajax, flash, silverlight) (rich user experience) Web services (rich user experience) Blogs (collaboration) Wikis (collaboration) Social networking (collaboration) Social bookmarking (collaboration) RSS/Atom (prenumerera på data)

3 Varför använda AJAX? Fördelar: Reducerat behov av bandbredd Laddar data vid behov Service-baserad tillämpning i samband med webbutveckling Rich user experience Nackdelar: Oönskad webbläsarfunktionalitet (tex back och refreshknappar) Affärslogik kan finnas i javascript Svårt att testa koden i ”rätt miljö”

4 ASP.NET 4 AJAX server controls 1 1.ScriptManager control Möjliggör användandet av AJAX, genererar kod, etc. Bara en per sida (observera att ej går att ha denna både på master och content) 2.ScriptManagerProxy control Låter dig utöka ScriptManagerns funktionalitet, tex ladda javascript-filer och registrera WCF-services (kan användas på content page om det finns en ScriptManager på mastern) 3.UpdatePanel control En container som kan hålla flera andra kontroller som ska uppdateras då postback sker. Kan på så vis styra vad som ska uppdateras (en sida kan ha flera UpdatePanels)

5 ASP.NET 4 AJAX server controls 2 4.UpdateProgress control Visuell indikation när en asynkron postback sker, användaren ser att en updatering pågår… 5.Timer control En eller flera UpdatePanel controls kan uppdateras automatiskt då viss tid förflutit. Dessa AJAX-kontroller finns med i ASP.NET 4 vid installation. Utöver dessa kan med fördel även AJAX control toolkit installeras för att få tillgång till mycket mer färdiga AJAX-tillämpningar!

6 AJAX control toolkit (för ASP.NET 4) Installation av AJAX control toolkit http://ajaxcontroltoolkit.codeplex.com/ Tutorials - hur kan AJAX toolkit användas? http://www.asp.net/ajaxlibrary/act_tutorials.ashx Några exempel på innehåll AJAX control toolkit http://www.asp.net/ajaxlibrary/AjaxControlToolkitSampleSite/

7 Några exempel: Uppdatering av Listrutor: Val av datum: ”CalendarExtender” Exempel 1: ajax-kod/code - ajaxDropdowns.aspx och getmodels.aspx Exempel 2: calendar - addPost.aspx och default.aspx