8/19/2019 Ajax Development in Dot Net 2005

1/14

 

Ajax Development in .Net 2.0

John C. von Rosen

Blue Sphere Solutions

 jvonrosen@bluesphereinc.com

8/19/2019 Ajax Development in Dot Net 2005

2/14

 

Agenda

What Is Ajax?

Short HistorHo! "oes Ajax Wor#?

Callbac# Sample $ %he &ri'(ie! Control

Callbac# Sample $ AutoComplete %extbox Atlas

Resources ) *uestions

8/19/2019 Ajax Development in Dot Net 2005

3/14

 

What Is Ajax?

High Level Defnition

%he abilit to up'ate content on a

!eb pa+e ,rom a !eb server

!ithout re,reshin+ the entire

pa+e

 As It Exists Today Client-si'e "H%/ event0

http call0

"H%/ up'ates to client pa+e

HTML

Client

"H%/ 1vent

Client

Calla!"

#$n!tion

Server 

%esponse

&vent

Handle' 

"H%/ 2p'ates

H%%3 Re4uest H%%3 Response

HTT( %e)$est Handle' 

8/19/2019 Ajax Development in Dot Net 2005

4/14

 

What Is Ajax?

Is it asnchronous?

Is it JavaScript?

Is it 5/?

8/19/2019 Ajax Development in Dot Net 2005

5/14

 

*ho't Histo'+

 A Short History o Ajax-ishTechnologies

67789 I1 : - I;rame 677laer 6779 icroso,t Remote Scriptin+ via a Java

applet 9 %he 5/Http object ????9 " /evel : /oa' an' Save Speci,ication

8/19/2019 Ajax Development in Dot Net 2005

6/14

 

*ho't Histo'+

 A'aptive 3ath $ Jesse James &arrett1ssa publishe' on A'aptive 3ath !eb site on 6 ;eb D

 Asnchronous JavaScript E 5/

 A term use' b A'aptive 3ath !hen

'escribin+ the approach to clients

http9))!!!.a'aptivepath.com)publications)essas)archives):D.php

8/19/2019 Ajax Development in Dot Net 2005

7/14

 

Ho, Does Ajax Wo'"?

"H%/ 1vent Fon#eupG onclic#G etc $ &et properties ,or objects on the pa+e

S implementation +rabs all elements on the pa+eG inclu'in+

(ie!State

 $ a#e the re4uest Create the 5mlHttp object

obj5mlHttp.onRea'StateChan+e m1ventHan'ler 

obj5mlHttp.openF metho' F+etK)KpostKG 2R/ LG asnch;la+ LG

username LG pass!or' M M M

obj5mlHttp.sen'F3ost"ata )) namevalueNnamevalueO

8/19/2019 Ajax Development in Dot Net 2005

8/14

 

Ho, Does Ajax Wo'"?

1ventHan'ler 1vent– if( objXmlHttp.readyState == 4 ) // complete

– if( objXmlHttp.status == 200 ) // O

&et obj5mlHttp.response%ext or

obj5mlHttp.response5/

3ass response%ext or response5/ to "H%/ up'ate

,unction

"H%/ 2p'ate ;unction up'ates the H%/

8/19/2019 Ajax Development in Dot Net 2005

9/14

 

Calla!" *ample - The 'id/ie, Cont'ol

%he &ri'(ie! control is ne! to .=et .

SuccessorK to "ata&ri' control&ri'(ie! can9

 $ Ren'er on mobile 'evices F. "ata&ri' can tooG

thou+h

 $ Implement t!o-!a bin'in+ usin+ ne! "ata

Source control

 $ Has 1nableSortin+An'3a+in+Callbac#s propert

8/19/2019 Ajax Development in Dot Net 2005

10/14

 

Calla!" *ample - A$toComplete Textox

 An AutoComplete textbox !ith content ,rom

the server  %o provi'e access to a lar+e collection

!ithout sen'in+ the entire collection in one

pa+e or havin+ the user search !ith a

postbac#

8/19/2019 Ajax Development in Dot Net 2005

11/14

 

Atlas

JavaScript extensions $ client libraries tohan'le bro!ser compatibilit an' provi'elan+ua+e enhancements $ =amespaces

 $ Inheritance

 $ Inter,aces

Callin+ WebServices $ Call a !eb metho'G passin+ nCompleteG

n%imeoutG optional n1rror ,unction re,erences

8/19/2019 Ajax Development in Dot Net 2005

12/14

 

Atlas

Client-si'e "ata Access $

"ata sources provi'e services ,or selectG insertGup'ateG an' 'elete over !eb services

Client-si'e control enhancements $ 1xample9 'ata vali'ation

8/19/2019 Ajax Development in Dot Net 2005

13/14

 

%eso$'!es 1$estions

Resources

The XmlHtt!e"#est $%ject!ttp"//de#eloper.apple.com/i$ter$et/%ebco$te$t/&ml!ttpre'.!tml

 AS&'(ET )'*+s ,lient ,all%ac .eat#re!ttp"//%%%.dot$etju$ies.com/utorial/*+0*,-1,24+33

+3*-*0**,156.dci

 AS&'(ET Develoer ,enter/ .#t#re 0ersions!ttp"//msd$.microsoft.com/asp.$et/i$fo/future/

8/19/2019 Ajax Development in Dot Net 2005

14/14

 

%eso$'!es 1$estions

Resources

Develoing Ajax Alications That&reserve Standard 1ro2ser.#nctionality 

!ttp"//de#2de#.bea.com/pub/a/200/01/aja&bac

butto$.!tml

*uestions?