CÔNG NGHỆ AJAX
GVHD
Thầy Đào Anh Tuấn
Sinh viên thực hiện
0512035 – Phan Minh Nhân
0512096 – Trần Phước Duy
0512352 – Hồ Thu Trung
1
!"
#$%
&'(
2
!"
#$%
&'(
3
)* +%, Asynchronous JavaScript And XML
)* /.0+1%$2$ !$
13
4
AJAX, +%, 4Asynchronous JavaScript and XML53)* /.0+1
%$2$ !$13)*6 78
•
&9:6: 2;*#&<=+>>?;@A?'/B:C D< EF?
>CD :F?G.:?:!.:H3IDJB:C FK/LM3
•
J NO+.P76QRG<DR :G6:< :FS;
@A
•
& T+"UV6Q*<=+*>=&S;@A
•
&W V: X6L76D!W !F6Q*<=#.Y:Z:!
[LP2'/2X%$+16Q)+>.3\]<=3
5
!"
#$%
&'(
6
@:6W0Mvs3
7
<9:6W0M
8
<9:6W0M
:":Z:!%!:+:Z^G>&_`\&:
a/:!. !:b!:+:
>:+:!cP+0d1 WKe'af
!6V%!:+:
&W: $ 69:6
&9:6-+XgJ+1'af
9
10
'( h
h '(
!" !#i j (
$ % & '! & (( k V '( 1 '/ " l $ ! (! (P P
)*+' ,-' .' & *l 'a '( '/
/ (!
+ ( & '0$! +! (! 1 2 m '/ "
11
3 ' +'& 4" '(
= 9:6j(?(+J+1'af(
5 .' , +! ! (! 6'a h "
$ W+0
12
!"
#$%
&'(
13
)
ể ặ
&, '' . '( 7 +$38- P l n 1
'( 9:;1 'a - " 'a
.( 1+b 1 o
<, '+ + & * .&=> + '1 $ P h ' V 'a P a
& l
? % 0,, ( * 1 $ " P T
ị ự
:;1& + 0,+'@' . ! ( $ 'a k o b $
l b '( V
14
)
ự
$ ' !+ * ( ' - - a h V 'a o P P
!A!" !P $
! "# $ "ệ ở ạ
5 . -&( ' % & ' (+ B'a - c '/ - -
15
[N8` :\
16
[N8` :\
$% +=@+ & P h
& + (.1C & 6V '/ h p P $
h
&& ( !'+! V P '/ - '1
$' V
*+'
17
!"
#$%
&'(
18
%
D(3 ' ' *&, V -
ED(3 '& % 1 '/ o h P
,' :D:F6
&'
$:GH '(+ % --
3 + F)8(E)8"
((
$+'@'& E)8 & (+D(3 'T q h T a
6h
)'*!+,
8 & D(3 '.& & ( ! (! 68& '/ 1 '/ o
:D:F
19
)+!.
)+>.V'1$>.r,+1s:#&<=6T
!N'(@:63rX/62l'/
Wtl3)+>.Vh2M'/'rX
.PV'1M'/ XK/1.WNb
X%3
u)+>.+ #&<=8
vw
v6 Ww
v!.:x5)+>.5w
__)+>. :
v_>.w
v_6 Ww
v_w
20
)+!.
1$)+>.
)+>.X %.+1W8y+W%W)>X
h'/+ /.b'af+ %.+1WX?z
X"+1)>+M".P %.+1W+L2)>333
6rW
)+>.X$ P7o8d 1$)>rX $
P7o2rk++1Pr!{: 03
)+>.X ?JWd VW%X:-3
21
)+!.
vw
v:w
v:w[N)+>.v_:w
v!.:x|)+>.5w
:D|#: }@: : )+>.5F~
v_!.w
v_:w
v6 Ww
v_6 Ww
v_w
22
RG<
* *& K / '/
+!I;!)+!JI)K
5% & D(3 '' '/
8 + ' * J:GHK+'@' D( ' - h
& I)T
I)% - (& .& 1'a $ V '/
E)8(F)86)*I)+ & & '( &( !+ $ - 1 h •
' * & & 6- - '1 '/ P
23
[NRG<
window.onload=function()
{
var hello=document.getElementById('hello');
hello.className='declared';
var empty=document.getElementById('empty');
addNode(empty,"reader of");
addNode(empty,"Ajax in Action!");
var children=empty.childNodes;
for (var i=0;i<children.length;i++)
children[i].className='programmed';
}
24
>>
C!SW:S::!L.!hLZ2PZ| X
C::5 +XPO $c+1RG<3€M'/
*<=#.Y:Z:!DW(%'('( rF'/f2$
6L76+1!:+:?P6P +"W2e'af+
$.V X'af+m+3
[1.el$hZ'!,?0?0?N
!M?XNi?!W:!::rl.e"'/6MNZ
+1.e"X+'(+1'af? .g.
X$c3
25