introduction to asp.net ajax

11
Jeff Blankenburg Developer Evangelist Microsoft Corporation http://www.jeffblankenburg.com [email protected] om

Upload: jeff-blankenburg

Post on 20-Jan-2015

2.756 views

Category:

Business


2 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Introduction To Asp.Net Ajax

Jeff BlankenburgDeveloper EvangelistMicrosoft Corporationhttp://[email protected]

Page 2: Introduction To Asp.Net Ajax

Increased productivityFewer concepts, fewer lines of code

Easier to author, debug, and maintainWell integrated with design and development tools

Seamlessly integrated application model

Works with ASP.NET pages and server controls

Works everywhere – cross-browser, standards based

A framework for building richer, more interactive,

more personalized web experiences.

A framework for building richer, more interactive,

more personalized web experiences.

Page 3: Introduction To Asp.Net Ajax

ASP.NET AJAX Server ExtensionsASP.NET AJAX Server Extensions

ASP.NET AJAXServer

Controls

ASP.NET AJAXServer

Controls

App Services Bridge

App Services Bridge

Web Services Bridge

Web Services Bridge

Server Server FrameworkFramework

Client Framework and ServicesClient Framework and Services

Client Script LibraryClient Script Library

Controls, Components

Controls, Components

Script CoreScript Core

Base Class LibraryBase Class Library

Component Model and UI FrameworkComponent Model and UI Framework

Browser Compatibility

Browser Compatibility

Client Application Services

Client Application Services

BrowserIntegration

BrowserIntegration

ASP.NET 2.0ASP.NET 2.0

Application Services

Application Services

Page Framework,

Server Controls

Page Framework,

Server Controls

ASP.NET AJAXASP.NET AJAXASP.NET PagesASP.NET Pages

ASP.NET AJAXASP.NET AJAXASP.NET PagesASP.NET Pages Web ServicesWeb ServicesWeb ServicesWeb Services

HTML, Script,HTML, Script,ASP.NET AJAXASP.NET AJAX

MarkupMarkup

HTML, Script,HTML, Script,ASP.NET AJAXASP.NET AJAX

MarkupMarkup

ServiceServiceProxiesProxies

ServiceServiceProxiesProxies

Page 4: Introduction To Asp.Net Ajax

Server-centric Ajax Web DevelopmentIncremental approach to enrich UIDoesn’t require lots of JavaScriptKeep core logic on server (VB/C#)

Client-centric Ajax Web DevelopmentLeverage full power of script/DHTMLProvide richer and more interactive user experienceBuild mash-ups, gadgets and other new immersive experiences

Page 5: Introduction To Asp.Net Ajax

<asp:UpdatePanel> controlEasily define “updatable” regions of a pageServer roundtrips become asynchronous ASP.NET AJAX handles all the infrastructureSupports Triggers that allow other controls to fire the Postback<asp:UpdatePanel id=“updatepanel1” runat=“server”> <ContentTemplate>

<!-- This content will be dynamically updated! --> <asp:Calendar id=“calndr1” runat=“server”/>

<ContentTemplate></asp:UpdatePanel>

Page 6: Introduction To Asp.Net Ajax

Control ExtendersExtend ASP.NET controls with ASP.NET AJAX client behaviorsEncapsulate both client and server behaviorSame familiar programming model as ASP.NET server controls

<asp:TextBox runat="server" ID="TextBox1" /><asp:AutoCompleteExtender runat="server" ID="AC1”

TargetControlID="TextBox1" ServicePath="AutoComplete.asmx“ServiceMethod="GetWords” />

Page 7: Introduction To Asp.Net Ajax

UpdateProgress control provides feedback on the progress of partial-page rendering

<asp:UpdateProgress ID="UpdateProgress1“ runat="server"> <ProgressTemplate> Please Wait ... </ProgressTemplate></asp:UpdateProgress>

Page 8: Introduction To Asp.Net Ajax

ASP.NET AJAX script core – a full type system for JavaScript

Classes, interfaces, inheritanceEnumerationsMulti-cast event handlers similar to .NET

Base class libraryStringBuilder, extensions to existing types SerializersDebugging and tracing classesNetworking

Page 9: Introduction To Asp.Net Ajax

ScriptManager handles web service access

<asp:ScriptManager runat="server" ID="scriptManager"> <Services> <asp:ServiceReference path="~/WebServices/SimpleWebService.asmx" /> </Services> </asp:ScriptManager>

Server ASMX RequirementsReference to Microsoft.Web.Script.Services[ScriptService] Attribute on Class

Inline Methods on ASPX can be called as Web Services

Add [WebMethod] Attribute to Method

Page 10: Introduction To Asp.Net Ajax

Shared-source, community projectSample controls and extendersSDK to simplify creating your own

Full source code & documentation~30 controls and components

Page 11: Introduction To Asp.Net Ajax

© 2007 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.

The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after

the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.