chapterdownload.microsoft.com/download/9/1/5/9151ba6d-6c... · asp.net ajax chapter 2007 web...

ASP.N

ET A

JAX

Chapter2007 Web Win-

dows ( )

Web BI( )

(ERP CRM ) Web

Web

2005 2007

Web Web

Web Windows

Excel sheet

(

)

2007 AJAX

ASP.NET AJAX 1.001

1-2

ASP.NET AJAX

1-1 ASP.NET AJAX 1.0

1-1-1 AJAX?

ASP.NET AJAX 1.0 AJAX

Asynchronous JavaScript And XML

JavaScript XML Web Services http re-

quest

AJAX HTML

Web Application(Web )

Web Site( ) HTML

HTML HTML

ASP.NET HTML

ASP.NET

HTML

Submit Submit ASP.NET ( IIS)

(Render)

Postback

1-3

1 // ASP.NET AJAX 1.0

Button Server

TextBox Button Click

EX PrimerAJAX\AjaxTest\Default.aspx.vb

Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click Me.TextBox1.Text = Now.ToString End Sub

Postback

Web Button

TextBox

Button

Postback

PostbackSubmit

postback

1-4

ASP.NET AJAX

Submit(Postback) ASP

Web Web Application

Postback

( ViewState)

HTML

( ) Submit Server Postback

Postback ?

JavaScript !

( )

JavaScript AJAX

1-1-2 AJAX

AJAX

(OutLook)

dav

()

1-5


........

....

...................................................................................................................................................................................................................................

dav

ASP.NET

( )

( dav

dav )

ASP.NET

1. Client HiddenFiled

TextBox OnKeyUp JavaScript

2. t e x t B o x

postback

( TextBox

Postback User ???)

EIP

Load

( ) HTML

ASP.NET AJAX 1.0

ASP.NET AJAX Control Toolkit

1-6

ASP.NET AJAX

Postback

DropDownList

DropDownList item

Postback

( )

Postback Postback

Postback

DropDownList item ?

ASP.NET AJAX 1.0

1-1-3 AJAX

1-7


1 ( Postback) JavaScript http requestWeb Services

2 Web

Services 1

3 JavaScript 2

Postback Button TextBox

1 Button onClick JavaScript http requestWeb Web Services(

Services( onClick ? )

HTML Button )

2 Web Services Web Services 1

3 JavaScript 2

ButtonTextBox

Postback

1-8

ASP.NET AJAX

Web Services

JavaScript Web Services?

ASP.NET 2.0

AJAX ASP.NET 2.0 Call Back

Microsoft ASP.

NET AJAX 1.0 framework

ASP.NET AJAX Client-Script Library

IIS Web Services(.asmx)

1-1-4 AJAX

AJAX

AJAX Microsoft

ASP.NET AJAX 1.0

(

JavaScript DHTML ) AJAX

AJAX ASP.NET

Visual Studio

AJAX

1-9


ASPAJAXExtSetup.msi

VS2005

1-10

ASP.NET AJAX

web.config web.config

EX PrimerAJAX\Web.config

<?xml version="1.0"?><configuration> <configSections> <sectionGroup name="system.web.extensions" type="System.Web.Configuration.SystemWebExtensionsSectionGroup, System.Web.Extensions,Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"> <sectionGroup name="scripting" type="System.Web.Configuration.ScriptingSectionGroup, System.Web.Extensions, Version=1.0.61025.0,Culture=neutral, PublicKeyToken=31bf3856ad364e35"> <section name="scriptResourceHandler" type="System.Web.Configuration.ScriptingScriptResourceHandlerSection, System.Web.Extensions,Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"requirePermission="false" allowDefinition="MachineToApplication"/> <sectionGroup name="webServices" type="System.Web.Configuration.ScriptingWebServicesSectionGroup, System.Web.Extensions, Version=1.0.61025.0,Culture=neutral, PublicKeyToken=31bf3856ad364e35"> <section name="jsonSerialization" type="System.Web.Configuration.ScriptingJsonSerializationSection, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"requirePermission="false" allowDefinition="Everywhere" /> <section name="profileService" type="System.Web.Configuration.ScriptingProfileServiceSection, System.Web.Extensions, Version=1.0.61025.0,Culture=neutral, PublicKeyToken=31bf3856ad364e35" requirePermission="false"allowDefinition="MachineToApplication" />

ScriptManagerA J A X

AJAX

1-11


<section name="authenticationService" type="System.Web.Configuration.ScriptingAuthenticationServiceSection, System.Web.Extensions,Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"requirePermission="false" allowDefinition="MachineToApplication" /> </sectionGroup> </sectionGroup> </sectionGroup> </configSections>

<system.web> <pages> <controls> <add tagPrefix="asp" namespace="System.Web.UI" assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral,PublicKeyToken=31bf3856ad364e35"/> </controls> </pages>  <compilation debug="false"> <assemblies> <add assembly="System.Web.Extensions, Version=1.0.61025.0,Culture=neutral, PublicKeyToken=31bf3856ad364e35"/> </assemblies> </compilation>

<httpHandlers> <remove verb="*" path="*.asmx"/> <add verb="*" path="*.asmx" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=1.0.61025.0,Culture=neutral, PublicKeyToken=31bf3856ad364e35"/> <add verb="*" path="*_AppService.axd" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/> <add verb="GET,HEAD" path="ScriptResource.axd" type="System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=1.0.61025.0,Culture=neutral, PublicKeyToken=31bf3856ad364e35" validate="false"/> </httpHandlers>

<httpModules> <add name="ScriptModule" type="System.Web.Handlers.ScriptModule,System.Web.Extensions, Version=1.0.61025.0, Culture=neutral,PublicKeyToken=31bf3856ad364e35"/> </httpModules> </system.web> <system.webServer> <validation validateIntegratedModeConfiguration="false"/> <modules> <add name="ScriptModule" preCondition="integratedMode" type="System.Web.Handlers.ScriptModule, System.Web.Extensions, Version=1.0.61025.0,

1-12

ASP.NET AJAX

........

....

...................................................................................................................................................................................................................................

Culture=neutral, PublicKeyToken=31bf3856ad364e35"/> </modules> <handlers> <remove name="WebServiceHandlerFactory-Integrated" /> <add name="ScriptHandlerFactory" verb="*" path="*.asmx"preCondition="integratedMode" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral,PublicKeyToken=31bf3856ad364e35"/> <add name="ScriptHandlerFactoryAppServices" verb="*"path="*_AppService.axd" preCondition="integratedMode" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral,PublicKeyToken=31bf3856ad364e35"/> <add name="ScriptResource" preCondition="integratedMode" verb="GET,HEAD" path="ScriptResource.axd" type="System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=1.0.61025.0,Culture=neutral, PublicKeyToken=31bf3856ad364e35" /> </handlers> </system.webServer></configuration>

ASP.NET 2.0 AJAX

Web.config Web.Config

AJAX

ASP.NET AJAX 1.0 C:\Program Files\Microsoft ASP.

NET\ASP.NET 2.0 AJAX Extensions\v1.0.61025 Web.Config

ASP.NET 2.0 Web.Config

AJAX

1-1-5 AJAX

Postback (

) ?

ASP.NET AJAX

default.aspx UpdatePanel

1-13


UpdatePanel TextBox Button(

)

Double-ClickUpdatePanel Button

EX PrimerAJAX\Default.aspx.vb

Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Me.TextBox1.Text = Now.ToString End Sub

AJAX

ScriptManager

UpdatePanel (AJAX Extensions )

TextBox Web ButtonUpdatePanel

AJAX !!!Button TextBox

postback!!!

1-14

ASP.NET AJAX

........

....

...................................................................................................................................................................................................................................

UpdatePanel

AJAX Postback

? ? ?

Double-Click Button1

Click Handles Button1.Click

VB AJAX Framework

ASP.NET 2.0

( ) AJAX Framework

ASP.NET AJAX ScriptManager

UpdatePanel

1-1-6 ASP.NET AJAX

ASP.NET AJAX

1-15


AJAX

AJAX

ASP.NET 2.0 (Hosting)

?

Yes

Web Site

ASP.NET 2.0 ASP.NET AJAX

Hosting ASP.NET AJAX

1.0 Web Hosting

ASP.NET AJAX 1.0 bin

AJAX

Web.Config Bin (

) Bin

( \Program Files\Microsoft ASP.NET\ASP.NET 2.0 AJAX Extensions\v1.0.

61025 )

System.Web.Extensions.dllSystem.Web.Extensions.Design.dllAJAXExtensionsToolbox.dll

ASP.NET AJAX

Web.Config

1-2 ASP.NET AJAX

Microsoft ASP.NET AJAX Framework

AJAX

ASP.NET Visual Studio 2005

AJAX

1-16

ASP.NET AJAX

A S P . N E T

AJAX 1.0 ASP.NET 2.0

AJAX

1-2-1 ASP.NET AJAX

ASP.NET AJAX

( )

Server Site Client Site Server Site ASP.

NET AJAX Extensions ScriptMamager

UpdatePanel Server Site

Client JavaScript Web Services

Client Client-Script Library

JavaScrip Web Services Pars-

ing Web Services XML Library

JavaScript

ASP.NET (

ASP.NET Control Toolkit)

1-17


........

.......................................................................................................................................................................................................................................

ASP.NET AJAX ( )

http://Ajax.StudyHost.Com

AJAX

1-2-2 Server Site

Server Site ScriptManager

ScriptManagerProxy UpdatePanel UpdateProgress

Timer

AJAX

AJAX Web Services( Page Method) Client

JavaScript ASP.NET AJAX

1-2-3 Client Site

AJAX Client JavaScript

JavaScript

JavaScript ASP.NET

JavaScript

NameSpace Client JavaScript Server ASP.NET

( .aspx Web Services) JavaScript

Postback ClientID Attribute

ASP.NET AJAX JavaScript

ASP.NET AJAX

AJAX JavaScript JavaScript

Web Services

1-18

ASP.NET AJAX

ASP.NET Web Services

ASP.NET AJAX Client-Script Library

ASP.NET

JavaScript

1-2-4 ASP.NET AJAX Control Toolkit

ASP.NET AJAX ASP.NET AJAX

Control Toolkit ASP.NET

AJAX 1.0

AJAX

http://www.codeplex.com/Release/ProjectReleases.aspx?ProjectName=AtlasControlToolkit

HyperLink

Runtime BinariesAjaxControlToolkit-NoSource.zip - 15249 Downloads (1.5 MB)AjaxControlToolkit.zip - 55581 Downloads (2.2 MB)

1-19


34

.dl l

2007/3/1

(

) ASP.NET AJAX Control Toolkit 32

Show ASP.NET AJAX Client Site(

ASP.NET AJAX Client-Script Labraries) Client Server

AJAX

( ) Vista

Vista

1-20

ASP.NET AJAX

........

....

...................................................................................................................................................................................................................................

ASP.NET AJAX Control Toolkit

ASP.NET 2.0

.aspx AJAX

ASP.NET AJAX Client JavaScript

( ASP.NET AJAX Library )

Atlas ASP.NET AJAX 1.0 32

ASP.NET AJAX Control toolkit

AJAX Client

ASP.NET AJAX library

, ASP.NET AJAX ASP.NET Client

( ASP.NET JavaScript AJAX )

AJAX JavaScript

!

1-3 UpdatePanel

ASP.NET AJAX 1.0 Server

UpdatePanel

UpdatePanel ASP.NET AJAX Server Control

ScriptManager AJAX

1-3-1 UpdatePabel

UpdatePanel

. a s p x

ScriptManager UpdatePanel 2x3 HTML

chapterdownload.microsoft.com/download/9/1/5/9151ba6d-6c... · asp.net ajax chapter 2007 web...

Documents