Introduction To Asp.Net Ajax

29 %
71 %
Information about Introduction To Asp.Net Ajax

Published on February 5, 2008

Author: jeffblankenburg

Source: slideshare.net

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.

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

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

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> <!-- This content will be dynamically updated! --> <asp:Calendar id=“calndr1” runat=“server”/> <ContentTemplate> </asp:UpdatePanel>

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

<!-- This content will be dynamically updated! -->

<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=&quot;server&quot; ID=&quot;TextBox1&quot; /> <asp:AutoCompleteExtender runat=&quot;server&quot; ID=&quot;AC1” TargetControlID=&quot;TextBox1&quot; ServicePath=&quot;AutoComplete.asmx“ ServiceMethod=&quot;GetWords” />

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=&quot;server&quot; ID=&quot;TextBox1&quot; />

<asp:AutoCompleteExtender runat=&quot;server&quot; ID=&quot;AC1”

TargetControlID=&quot;TextBox1&quot;

ServicePath=&quot;AutoComplete.asmx“

ServiceMethod=&quot;GetWords” />

UpdateProgress control provides feedback on the progress of partial-page rendering <asp:UpdateProgress ID=&quot;UpdateProgress1“ runat=&quot;server&quot;> <ProgressTemplate> Please Wait ... </ProgressTemplate> </asp:UpdateProgress>

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

<asp:UpdateProgress ID=&quot;UpdateProgress1“ runat=&quot;server&quot;>

<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

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=&quot;server&quot; ID=&quot;scriptManager&quot;> <Services> <asp:ServiceReference path=&quot;~/WebServices/SimpleWebService.asmx&quot; /> </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

ScriptManager handles web service access

<asp:ScriptManager runat=&quot;server&quot; ID=&quot;scriptManager&quot;>

<Services>

<asp:ServiceReference path=&quot;~/WebServices/SimpleWebService.asmx&quot; />

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

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.

Add a comment

Related presentations

Related pages

ASP.NET Ajax : Enhanced Interactivity and Responsiveness ...

Add Ajax functionality to your ASP.NET applications with jQuery or the Ajax ... This is a guest post from Mike Rousos Introduction ASP.NET Core ...
Read more

Introduction - The complete ASP.NET Ajax Tutorial

ASP.NET AJAX, previously called "Atlas", is a Microsoft implementation of an AJAX based framework, created for ASP.NET (although it can be used on other ...
Read more

Introduction to ASP.NET Ajax History | The ASP.NET Site

Learn how the ASP.NET Extensions Preview allows control over the Browser back button in Ajax. ASP.NET AJAX Extensions are available in the ASP.NET 3.5 ...
Read more

An Introduction to AJAX Techniques and Frameworks for ASP ...

This article introduces AJAX to ASP.NET developers, implementing an example web page in different ways using ASP.NET Atlas, ASP.NET callbacks, Ajax.Net ...
Read more

Introduction to ASP.NET AJAX

Quick Start Guide Introduction to ASP.NET AJAX Introduction to ASP.NET AJAX Creating and Hosting an ASP.NET AJAX Web Site in Your Windows Shared Hosting ...
Read more

Introduction to the UpdatePanel Control - msdn.microsoft.com

Introduction to the UpdatePanel Control. ... An AJAX-enabled ASP.NET Web site. ... see Creating a Simple ASP.NET Page with Multiple UpdatePanel Controls.
Read more

ASP.NET AJAX > Sample ASP.NET AJAX Application

> Sample ASP.NET AJAX Application; Tutorials: ... ASP.NET AJAX Roadmap; Introduction to the UpdatePanel Control; Introduction to the UpdateProgress Control;
Read more

ASP.NET AJAX > The Timer Control > Introduction to the ...

Introduction to the Timer Control Introduction. In this tutorial you will update part of a Web page at a timed interval by using three Microsoft ASP.NET 2 ...
Read more

jQuery - AJAX Introduction - W3Schools

jQuery - AJAX Introduction Previous Next ... Without jQuery, AJAX coding can be a bit tricky! Writing regular AJAX code can be a bit tricky, ...
Read more

Introduction to ASP.NET 4 AJAX Client Templates eBook von ...

Lesen Sie Introduction to ASP.NET 4 AJAX Client Templates von Craig Shoemaker mit Kobo. This Wrox Blox will teach you how to create and customize ASP.NET 4 ...
Read more