Chapterdownload.microsoft.com/download/9/1/5/9151ba6d-6c... · ASP.NET AJAX Chapter 2007 Web...
Transcript of 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
1 // ASP.NET AJAX 1.0
........
....
...................................................................................................................................................................................................................................
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 // ASP.NET AJAX 1.0
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
1 // ASP.NET AJAX 1.0
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
1 // ASP.NET AJAX 1.0
<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> <!-- Set compilation debug="true" to insert debugging symbols into the compiled page. Because this affects performance, set this value to true only during development. --> <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
1 // ASP.NET AJAX 1.0
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
1 // ASP.NET AJAX 1.0
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
1 // ASP.NET AJAX 1.0
........
.......................................................................................................................................................................................................................................
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
1 // ASP.NET AJAX 1.0
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