Presentation on theme: "Module 1: Creating Responsive Pages with Ajax Creating Partial-Page Updates by Using AJAX Scripting Actions on the Web Client."— Presentation transcript:
Module 1: Creating Responsive Pages with Ajax Creating Partial-Page Updates by Using AJAX Scripting Actions on the Web Client
Lesson: Creating Partial-Page Updates by Using AJAX What are Partial-Page Updates? Discussion: Applications for Partial-Page Updates The ASP.NET AJAX Controls Implementing Partial-Page Updates Demonstration: Partial-Page Updates The ASP.NET AJAX Control Toolkit
What are Partial-Page Updates? Initial download is the whole page Parts of the page can refresh while the rest of the page remains static
Discussion: Applications for Partial-Page Updates Scenario: A small page that displays brief details about a single product. Scenario: A page that displays brief details about many products. Scenario: A page that displays brief details about share prices.
The ASP.NET AJAX Controls ScriptManager Manages script libraries and script files, partial-page rendering, and other functions. UpdatePanel Enables sections of a page to be partially rendered without a page postback. UpdateProgress Provides visual feedback on the browser when the contents on UpdatePanel controls refresh. Timer Performs partial-page updates at defined intervals.
Creating the ScriptManager Control: Implementing Partial-Page Updates Creating an Update Panel and Adding Controls:
The ASP.NET AJAX Control Toolkit Shared source project between Microsoft and the ASP.NET AJAX community Downloadable from http://www.codeplex.com Contains a collection of templates and controls Provides an infrastructure to write reusable and extensible ASP.NET AJAX controls
Lesson: Scripting Actions on the Web Client Improving Responsiveness by Creating Client- Side Scripts Creating Server-Side AJAX Services Calling Services from Client-Side Scripts Best Practices for Client-Side Scripting and AJAX
Improving Responsiveness by Creating Client-Side Scripts
Creating Server-Side AJAX Services Implementing a Server-Side Service as an ASP.NET Web Service Implementing a Server-Side Service as Page Methods Formats for Service Messages
Calling Services From Client-Side Scripts Adding Service References and Client-Side Script: Calling a Service Function: function GetNews() AdventureWorks.NewsWebService.GetNews(Succeeded) function GetNews() AdventureWorks.NewsWebService.GetNews(Succeeded)
Lab: Creating Responsive Pages by Using Client-Side Technologies Exercise 1: Implementing Partial-Page Updates by Using AJAX Controls Exercise 2: Accessing a Web Service by Using a Client Side Script Estimated time: 60 minutes