Introduction To Asp.Net Ajax

Jeff Blankenburg Developer Evangelist Microsoft Corporation http://www.jeffblankenburg.com [email_address]

Increased productivity

Fewer concepts, fewer lines of code

Easier to author, debug, and maintain

Well 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.

Server Framework Client Framework and Services Client Application Services Browser Integration ASP.NET AJAX ASP.NET Pages Web Services HTML, Script, ASP.NET AJAX Markup Service Proxies ASP.NET AJAX Server Extensions ASP.NET AJAX Server Controls App Services Bridge Web Services Bridge Client Script Library Controls, Components Script Core Base Class Library Component Model and UI Framework Browser Compatibility ASP.NET 2.0 Application Services Page Framework, Server Controls

Server-centric Ajax Web Development

Incremental approach to enrich UI

Doesn’t require lots of JavaScript

Keep core logic on server (VB/C#)

Client-centric Ajax Web Development

Leverage full power of script/DHTML

Provide richer and more interactive user experience

Build mash-ups, gadgets and other new immersive experiences

<asp:UpdatePanel> control

Easily define “updatable” regions of a page

Server roundtrips become asynchronous

ASP.NET AJAX handles all the infrastructure

Supports Triggers that allow other controls to fire the Postback

<asp:UpdatePanel id=“updatepanel1” runat=“server”>

<ContentTemplate>

<asp:Calendar id=“calndr1” runat=“server”/>

<ContentTemplate>

</asp:UpdatePanel>

Control Extenders

Extend ASP.NET controls with ASP.NET AJAX client behaviors

Encapsulate both client and server behavior

Same 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” />

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

<asp:UpdateProgress ID="UpdateProgress1“ runat="server">

<ProgressTemplate>

Please Wait ...

</ProgressTemplate>

</asp:UpdateProgress>

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

Classes, interfaces, inheritance

Enumerations

Multi-cast event handlers similar to .NET

Base class library

StringBuilder, extensions to existing types

Serializers

Debugging and tracing classes

Networking

ScriptManager handles web service access

<asp:ScriptManager runat="server" ID="scriptManager">

<Services>

<asp:ServiceReference path="~/WebServices/SimpleWebService.asmx" />

</Services>

</asp:ScriptManager>

Server ASMX Requirements

Reference to Microsoft.Web.Script.Services

[ScriptService] Attribute on Class

Inline Methods on ASPX can be called as Web Services

Add [WebMethod] Attribute to Method

Shared-source, community project

Sample controls and extenders

SDK to simplify creating your own

Full source code & documentation

~30 controls and components

© 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.