ÿþT w o r z e n i e s t r o n W W W
z w y k o r z y s t a n i e m A j a k s a .
P r o j e k t y
A u t o r : L a r r y U l l m a n
T ³ u m a c z e n i e : R a d o s ³ a w M e r y k
I S B N : 9 7 8 - 8 3 - 2 4 6 - 1 5 5 3 - 7
T y t u ³ o r y g i n a ³ u : B u i l d i n g a W e b S i t e
w i t h A j a x : V i s u a l Q u i c k P r o j e c t G u i d e
F o r m a t : 1 7 0 x 2 3 0 , s t r o n : 1 6 8
S t w ó r z i n t e r a k t y w n y s e r w i s W W W , k o r z y s t a j ¹ c y z t e c h n o l o g i i A J A X !
" J a k i c h n a r z ê d z i p o t r z e b u j e s z , b y s t w o r z y æ s t r o n ê W W W ?
" J a k w z b o g a c i æ w i t r y n ê d z i ê k i t e c h n o l o g i i A J A X ?
" J a k o b s ³ u g i w a æ d a n e w f o r m a c i e X M L ?
A J A X j e s t s k r ó t e m o d A s y n c h r o n o u s J a v a S c r i p t a n d X M L . T e c h n o l o g i a t a s t a ³ a s i ê t r z o n e m
r e w o l u c j i W e b 2 . 0 . D z i S t r u d n o s o b i e w y o b r a z i æ n o w o c z e s n ¹ a p l i k a c j ê W W W , k t ó r a
n i e k o r z y s t a ³ a b y z d o b r o d z i e j s t w t e g o r o z w i ¹ z a n i a . N i e b e z p o w o d u ! I n t u i c y j n y i n t e r f e j s
u ¿ y t k o w n i k a , w y s o k i p o z i o m i n t e r a k t y w n o Sc i , w y g o d a o r a z d y n a m i k a s e r w i s ó w
k o r z y s t a j ¹ c y c h z t e g o r o z w i ¹ z a n i a g w a r a n t u j ¹ , ¿ e j e s z c z e d ³ u g o b ê d z i e o n o n a t o p i e
t e c h n i k t w o r z e n i a s t r o n W W W .
D z i ê k i k s i ¹ ¿ c e T w o r z e n i e s t r o n W W W z w y k o r z y s t a n i e m A J A K S A . P r o j e k t y p o z n a s z p r o c e s
t w o r z e n i a s t r o n y W W W , k o r z y s t a j ¹ c e j z t e j t e c h n o l o g i i . A u t o r k r o k p o k r o k u w y j a Sn i a z a s a d ê
d z i a ³ a n i a o r a z s p o s ó b t w o r z e n i a s e r w i s u i k a ¿ d e g o z e l e m e n t ó w p r o j e k t o w a n y c h d l a n i e g o
a p l i k a c j i . P i e r w s z e z a d a n i e , k t ó r e s t a w i a o n p r z e d T o b ¹ , t o z b u d o w a n i e b a z y d a n y c h . P ó xn i e j
n a u c z y s z s i ê i m p l e m e n t o w a æ f u n k c j o n a l n o Sc i t a k i e , j a k p r z e g l ¹ d a n i e d a n y c h , d o d a w a n i e
n o w y c h w p i s ó w c z y t e ¿ w y s z u k i w a n i e i n f o r m a c j i . P o p r z e c z y t a n i u n i n i e j s z e j k s i ¹ ¿ k i n i e
b ê d z i e d l a C i e b i e p r o b l e m e m p o ³ ¹ c z e n i e n a p r z y k ³ a d t e c h n o l o g i i H T M L , J a v a S c r i p t , C S S ,
X M L i P H P w c e l u u z y s k a n i a d y n a m i c z n e g o , i n t e r a k t y w n e g o o r a z e f e k t o w n e g o s e r w i s u
W W W . Z o b a c z y s z t a k ¿ e , j a k p o s z c z e g ó l n e f u n k c j o n a l n o Sc i a p l i k a c j i W W W d z i a ³ a j ¹
b e z w y k o r z y s t a n i a t e c h n o l o g i i A J A X , a n a s t ê p n i e j a k z y s k u j ¹ n a a t r a k c y j n o Sc i p o d o d a n i u
t e j t e c h n o l o g i i . T e r a z w s z y s t k o z a l e ¿ y t y l k o o d T w o j e j w y o b r a xn i !
" Z a s a d a d z i a ³ a n i a A J A X
" N a r z ê d z i a k o n i e c z n e w p r o c e s i e p r o j e k t o w a n i a , w y t w a r z a n i a i t e s t o w a n i a
" P r z y g o t o w a n i e b a z y d a n y c h
" O b s ³ u g a ¿ ¹ d a ñ z w y k o r z y s t a n i e m P H P
" P r z y g o t o w a n i e s t r o n H T M L
" T w o r z e n i e i o b s ³ u g a f o r m u l a r z y
" D y n a m i c z n a w e r y f i k a c j a d a n y c h w p r o w a d z a n y c h p r z e z u ¿ y t k o w n i k a
W y d a w n i c t w o H e l i o n
" T e s t o w a n i e s t a t y c z n y c h r o z w i ¹ z a ñ
u l . K o Sc i u s z k i 1 c
" T e s t o w a n i e d y n a m i c z n y c h r o z w i ¹ z a ñ , k o r z y s t a j ¹ c y c h z A J A X
4 4 - 1 0 0 G l i w i c e
" W y k o r z y s t a n i e j ê z y k a J a v a S c r i p t
t e l . 0 3 2 2 3 0 9 8 6 3
" P r z e g l ¹ d a n i e i n f o r m a c j i
e - m a i l : h e l i o n @ h e l i o n . p l
" W y s z u k i w a n i e i n f o r m a c j i
" D o d a w a n i e n o w y c h w p i s ó w d o b a z y
" Z a s t o s o w a n i e f o r m a t u X M L
" W y k o r z y s t a n i e f o r m a t u J S O N
S t w ó r z s w o j ¹ w ³ a s n ¹ , i n t e r a k t y w n ¹ s t r o n ê W W W !
s p i s t r e [c i
w p r o w a d z e n i e 9
j a k d z i a Ba a j a x ? 1 0 w i t r y n a i n t e r n e t o w a
c z e g o m o |n a n a u c z y s i z t e j k s i |k i ? 1 1 t o w a r z y s z c a k s i |c e 1 7
j a k z o r g a n i z o w a n a j e s t t a k s i |k a ? 1 2 n a s t p n y k r o k 1 8
p o t r z e b n e n a r z d z i a 1 4
1 . t w o r z e n i e b a z y d a n y c h 1 9
d o s t p d o b a z y d a n y c h M y S Q L 2 0 w y p e Bn i e n i e t a b e l d a n y m i 2 5
u t w o r z e n i e b a z y d a n y c h 2 1 i n f o r m a c j e d o d a t k o w e 2 7
u t w o r z e n i e t a b e l 2 3
2 . p r z e g l d a n i e p r a c o w n i k ó w 2 9
c o b d z i e m y r o b i ? 3 0 n a w i z a n i e p o Bc z e n i a z b a z d a n y c h 3 6
u t w o r z e n i e s t r o n y H T M L 3 1 u t w o r z e n i e a r k u s z a s t y l ó w 3 7
u t w o r z e n i e f o r m u l a r z a H T M L 3 2 w y k o r z y s t a n i e a r k u s z a s t y l ó w 3 8
u t w o r z e n i e s k r y p t u P H P 3 3 t e s t o w a n i e s t r o n 3 9
w y [w i e t l e n i e l i s t y p r a c o w n i k ó w 3 4 i n f o r m a c j e d o d a t k o w e 4 0
z g Ba s z a n i e b Bd ó w 3 5
3 . p r z e g l d a n i e z w y k o r z y s t a n i e m t e c h n o l o g i i a j a x 4 5
c o b d z i e m y r o b i ? 4 6 w y [w i e t l e n i e l i s t y p r a c o w n i k ó w 5 3
u t w o r z e n i e f u n k c j i 4 7 o b s Bu g a o d p o w i e d z i 5 5
s p r a w d z e n i e o b s Bu g i t e c h n o l o g i i A j a x 4 8 w y [w i e t l e n i e w y n i k ó w 5 6
w y w o Ba n i e f u n k c j i 4 9 m o d y f i k a c j a k o d u H T M L 5 7
k o n f i g u r a c j a A j a k s a 5 0 t e s t o w a n i e w a r s t w y A j a k s a 5 8
r o z p o c z c i e s t r o n y P H P 5 2 i n f o r m a c j e d o d a t k o w e 5 9
5
s p i s t r e [c i
4 . d o d a w a n i e r e k o r d ó w 6 3
c o b d z i e m y r o b i ? 6 4 w a l i d a c j a d a n y c h f o r m u l a r z a 7 0
u t w o r z e n i e s t r o n y H T M L 6 5 a k t u a l i z a c j a b a z y d a n y c h 7 3
u t w o r z e n i e f o r m u l a r z a 6 6 w y [w i e t l e n i e k o m u n i k a t ó w o b Bd a c h 7 4
u t w o r z e n i e e l e m e n t ó w f o r m u l a r z a 6 7 t e s t o w a n i e w e r s j i n i e a j a k s o w e j 7 5
r o z p o c z c i e s t r o n y P H P 6 9 i n f o r m a c j e d o d a t k o w e 7 7
5 . d o d a w a n i e r e k o r d ó w z w y k o r z y s t a n i e m t e c h n o l o g i i a j a x 7 9
c o b d z i e m y r o b i ? 8 0 a k t u a l i z a c j a b a z y d a n y c h 9 2
d o d a n i e e l e m e n t ó w t e c h n o l o g i i A j a x 8 2 u z u p e Bn i e n i e d a n y c h w f o r m a c i e X M L 9 3
w y k o r z y s t a n i e w a r s t w y A j a k s a 8 3 o b s Bu g a o d p o w i e d z i 9 5
k o n f i g u r a c j a A j a k s a 8 4 p r z y g o t o w a n i e s t r o n y 9 6
p r z y g o t o w a n i e d a n y c h f o r m u l a r z a 8 5 o b s Bu g a d a n y c h w f o r m a c i e X M L 9 7
d o k o Dc z e n i e f u n k c j i 8 6 w y [w i e t l e n i e w y n i k ó w 9 9
p r z y g o t o w a n i e d o p r z e s y Ba n i a t e s t o w a n i e w a r s t w y A j a k s a 1 0 0
w y n i k ó w w f o r m a c i e X M L 8 7 i n f o r m a c j e d o d a t k o w e 1 0 2
w a l i d a c j a d a n y c h f o r m u l a r z a 8 8
6 . w y s z u k i w a n i e 1 0 7
c o b d z i e m y r o b i ? 1 0 8 w y [w i e t l e n i e w y n i k ó w 1 1 4
u t w o r z e n i e s t r o n y H T M L 1 0 9 w y [w i e t l e n i e k o m u n i k a t ó w o b Bd a c h 1 1 5
u t w o r z e n i e f o r m u l a r z a 1 1 1 t e s t o w a n i e w e r s j i n i a j a k s o w e j 1 1 6
r o z p o c z c i e s t r o n y P H P 1 1 2 i n f o r m a c j e d o d a t k o w e 1 1 7
z a p y t a n i e d o b a z y d a n y c h 1 1 3
s p i s t r e [c i
6
7 . w y s z u k i w a n i e z w y k o r z y s t a n i e m a j a k s a 1 1 9
c o b d z i e m y r o b i ? 1 2 0 p r z y g o t o w a n i e s t r o n y 1 3 2
d o d a n i e e l e m e n t ó w t e c h n o l o g i i A j a x 1 2 2 o b s Bu g a d a n y c h w f o r m a c i e X M L 1 3 3
w y k o r z y s t a n i e w a r s t w y A j a k s a 1 2 3 w y [w i e t l e n i e w y n i k ó w 1 3 4
k o n f i g u r a c j a A j a k s a 1 2 5 o b s Bu g a n a z w i s k 1 3 6
d o k o Dc z e n i e f u n k c j i 1 2 6 o b s Bu g a w y d z i a Bó w 1 3 7
p r z y g o t o w a n i e d o p r z e s y Ba n i a o b s Bu g a a d r e s ó w e - m a i l 1 3 9
w y n i k ó w w f o r m a c i e X M L 1 2 7 w y [w i e t l e n i e k o m u n i k a t u
z a p y t a n i e d o b a z y d a n y c h 1 2 8 o b r a k u w y n i k ó w 1 4 1
p o b r a n i e w y n i k ó w 1 2 9 d o k o Dc z e n i e f u n k c j i 1 4 2
d o k o Dc z e n i e s k r y p t u P H P 1 3 0 t e s t o w a n i e w a r s t w y A j a k s a 1 4 3
o b s Bu g a o d p o w i e d z i 1 3 1 i n f o r m a c j e d o d a t k o w e 1 4 4
d o d a t e k A n a s t p n e k r o k i 1 4 9
p r o b l e m y z w i z a n e z A j a k s e m 1 5 0 z a s o b y w i n t e r n e c i e 1 5 9
a l t e r n a t y w y d l a A j a k s a 1 5 1 z e s t a w y F r a m e w o r k
w p r o w a d z e n i e d o J S O N 1 5 2 d l a j z y k a J a v a S c r i p t 1 6 0
w y s y Ba n i e d a n y c h w f o r m a c i e J S O N 1 5 4 b i b l i o t e k i P H P - A j a x 1 6 1
d o s t p d o d a n y c h w f o r m a c i e J S O N 1 5 6 d e b u g o w a n i e k o d u J a v a S c r i p t 1 6 2
k o r z y s t a n i e z d a n y c h w f o r m a c i e J S O N 1 5 7 i n f o r m a c j e d o d a t k o w e 1 6 6
s k o r o w i d z 1 6 9
s p i s t r e [c i 7
d o d a w a n i e
4
r e k o r d ó w
W p i e r w s z y m r o z d z i a l e u t w o r z y l i [m y s t r u k t u r b a z y d a n y c h d l a w i t r y n y W W W
w y [w i e t l a j c e j l i s t p r a c o w n i k ó w . W p o p r z e d n i c h d w ó c h r o z d z i a Ba c h o p r a c o w a l i [m y
a j a k s o w i n i e a j a k s o w w e r s j a p l i k a c j i w y [w i e t l a j c e j l i s t p r a c o w n i k ó w w y b r a n e -
g o w y d z i a Bu . W r o z d z i a l e n i n i e j s z y m o p r a c u j e m y f u n k c j d o d a w a n i a p r a c o w n i k ó w
d o b a z y d a n y c h . O c z y w i [c i e r o z p o c z n i e m y o d w e r s j i n i e a j a k s o w e j g w a r a n t u j c e j
d o s t p d l a w s z y s t k i c h u |y t k o w n i k ó w , a n a s t p n i e w k o l e j n y m r o z d z i a l e o p r a c u -
j e m y w e r s j b a z u j c n a t e c h n o l o g i i A j a x .
R o z p o c z n i e m y o d u t w o r z e n i a f o r m u l a r z a H T M L , k t ó r y p o b i e r a w s z y s t k i e n i e z b d -
n e d a n e . N a s t p n i e n a p i s z e m y s k r y p t P H P , k t ó r y o b s Bu g u j e p r z e s y Ba n i e f o r m u l a r z a
b e z w y k o r z y s t a n i a t e c h n o l o g i i A j a x . B d z i e t o b a r d z o p r o s t y s k r y p t P H P o b s Bu g u j c y
f o r m u l a r z H T M L .
6 3
c o b d z i e m y r o b i ?
1 N a j p i e r w , n a s t r o n a c h 6 5 6 8 ,
u t w o r z y m y s t r o n H T M L z f o r m u -
l a r z e m .
W f o r m u l a r z u s e l e m e n t y r e p r e -
z e n t u j c e w s z y s t k i e d a n e d o t y c z -
c e p r a c o w n i k ó w z a p i s a n e w b a z i e
d a n y c h .
G d y w p r z e g l d a r k a c h b e z o b s Bu g i
A j a k s a u |y t k o w n i k k l i k n i e D o d a j ,
f o r m u l a r z z o s t a n i e p r z e s Ba n y
d o s k r y p t u P H P .
2 N a s t r o n a c h 6 9 7 4 n a p i s z e m y
s k r y p t P H P , k t ó r y o b s Bu g u j e f o r -
m u l a r z H T M L . S k r y p t d o k o n u j e
w a l i d a c j i d a n y c h f o r m u l a r z a ,
a n a s t p n i e z w r a c a w y n i k i .
W p r z y p a d k u n i e p r a w i d Bo w e g o
w y p e Bn i e n i a d o w o l n e g o p o l a s k r y p t
P H P w y [w i e t l a k o m u n i k a t o b Bd z i e .
3 N a k o n i e c , t a k j a k w c z e [n i e j , N a k o Dc u t e g o r o z d z i a Bu , w p u n k c i e
p r z e t e s t u j e m y n a p i s a n e e l e m e n - I n f o r m a c j e d o d a t k o w e , u m i e [c i m y
t y a p l i k a c j i , a b y u z y s k a p e w n o [, d o d a t k o w e d a n e , w s k a z ó w k i i z a l e c e n i a
|e w s z y s t k o d z i a Ba p o p r a w n i e . z w i z a n e z w y k o n a n y m i c z y n n o [c i a m i .
W n a s t p n y m r o z d z i a l e d o u t w o r z o n y c h
s t r o n d o d a m y e l e m e n t y t e c h n o l o g i i
A j a x .
6 4 d o d a w a n i e r e k o r d ó w
u t w o r z e n i e s t r o n y h t m l
R o z p o c z n i e m y o d u t w o r z e n i a n o w e j s t r o n y H T M L w d o w o l n y m e d y t o r z e t e k s t u .
<