Alamat :
Pada contoh berikut anda akan memilih nama dan mengambil data alamat di database Alamat :
XE0$ 01 '9'6 C19' /$/-.'9 IE3/ 4<=> -1'6'D 01 /'%' C19' 'C'% /$/-.'9 03E7J0EH% -EM %'/'J %'/' C'38'H'%; #'0' $($/$% ,+(4(5%0 9$30'7'9 CE0$ 6257128(91:;.4-1%1<%7.+=/14*(>, 8'%& '391%8' '7'-1(' '0' $@$%9 7$3.-'5'% 9$35'0'7 AE/-E -EMD 0$%&'% A'3' /$/1(15 6'('5 6'9. E791E%D /'C' 6$&$3' $C6$C.61 I.%&61 1:;.4-1%1<2.&> 8'%& 9$30'7'9 01 2'@'6A3179D 0'% CE0$ %7.+=/14*( -$3I.%&61 .%9.C /$%&'/-1( %1('1 0'31 E791E% 8'%& 0171(15; X$/.01'%D /'31 C19' (15'9 CE0$ 2'@'6A3179; function ambildata(nip){ ajaxku = buatajax(); var url="ambildata.php"; url=url+"?q="+nip; url=url+"&sid="+Math.random(); ajaxku.onreadystatechange=stateChanged; ajaxku.open("GET",url,true); ajaxku.send(null); }
U.%&61 1:;.4-1%1<2.&) 'C'% 01$C6$C.61 6$91'7 .6$3 /$/1(15 %'/' C'38'H'% 7'0' AE/-EM;
10
http://blog.codingwear.com PHP Ajax Javascript jQuery Tutorial Indonesia
•
•
•
•
•
•
•
1?1@A* 9 ;*1%1?1@<>B C19' /$/-.'9 E-2$C !"#$%%&'()*(+% 0$%&'% A'3' /$%2'('%C'% I.%&61 ;*1%1?1@<>B 01 /'%' 7'0' I.%&61 9$36$-.9 9$30'7'9 CE0$ .%9.C /$/-.'9 E-2$C !"#$%%&'()*(+%. /1C *C49D1:;.4-1%1=&7&DB X19' /$%&J6$9 I1($ #4# 8'%& 'C'% -$C$32' 01 6161 6$3@$3; *C49*C4EDF)9DE2.&, C19' /$/'6.CC'% %1('1 %17D 8'%& 01'/-1( 0'31 03E7J0EH% -EM C$ 0'('/ @'31'-$( Q *C49*C4EDG+.-9DE"1%7=C12-6:<>B C19' /$/'6.C'% '%&C' 3'%0E/ C$ 0'('/ @'31'-$( 610D 5'( 1%1 -$3&.%' .%9.C /$%A$&'5 6$3@$3 /$%&&.%'C'% A5'A5$0 I1($ '9'. /$%A$&'5 0'9' 8'%& 01-$31C'% '0'('5 0'9' 8'%& ('/'; 1?1@A*=62C(1-H+%1%(57128(9+%1%(I7128(-, 6$91'7 9$32'01 7$3.-'5'% 9$35'0'7 73E7$391 3$'08,9'9$D 'C'% 6$&$3' /$%2'('%C'% I.%&61 +%1%(I7128(-<>; 1?1@A*=6&(2
U.%&61 ;*1%1?1@<> -$3&.%' .%9.C /$/-.'9 +=>4997P$Q.$69D 7$%2$('6'%%8' -16' '%0' (15'9 01 CE0$ ?; =$/-.'9 E-2$C +=>4997P$Q.$69 .%9.C -$-$3'7' -3EH6$3; function stateChanged(){ var data; if (ajaxku.readyState==4){ data=ajaxku.responseText; if(data.length>0){ document.getElementById("alamat").value = data }else{ document.getElementById("alamat").value = ""; } } } •
•
U.%&61 +%1%(I7128(-<> -$3&.%' .%9.C /$%'%&'%1 21C' 9$32'01 7$3.-'5'% 73E7$391 3$'08,9'9$D AE-' (15'9 CE0$ 1?1@A*=62C(1-H+%1%(57128(9+%1%(I7128(-= 1?1@A*=C(1-HM%1%(99N, *1C' %1('1 73E7$391 3$'08,9'9$ '0'('5 6'/' 0$%&'% _ N_ '391%8' '0'('5 3$67E% 0'31 6$3@$3 6.0'5 CE/7($9OD /'C' C19' /$%&'/-1( 9$C6TE.97.9 8'%& 015'61(C'% E($5 73E&3'/ #4# N'/-1(0'9';757O
*1C' C19' (15'9 E.97.9 8'%& 015'61(C'% 73E&3'/ #4# $<=0B,$/$;#(# '0'('5 7'0' -'316 CE0$ (576 O-PQ141:1%QRS •
-65*:(2%=8(%K4(:(2%THU-
#$%2$('6'% .%9.C CE0$ $<=0B,$/$;#(# : •
•
11
=$('C.C'% CE%$C61 C$ 0'9'-'6$ =8,\> =$%&'/-1( %1('1 @'31'-$( Q 0$%&'% /$9E0$ gZ
http://blog.codingwear.com PHP Ajax Javascript jQuery Tutorial Indonesia
12
•
=$('C.C'% Q.$38 .%9.C /$%&'/-1( '('/'9 8'%& 6$6.'1 %17;
•
>'(. /$/-$31C'% E.97.9 '('/'9 8'%& 010'7'9 0$%&'% /$%&&.%'C'% (576=
http://blog.codingwear.com PHP Ajax Javascript jQuery Tutorial Indonesia
? +=>4997P$Q.$69 G-2$A9
13
http://blog.codingwear.com PHP Ajax Javascript jQuery Tutorial Indonesia
#'0' K'- 1%1 C19' 'C'% /$%&$%'( ($-15 ('%2.9 0$%&'% E-2$C !"#$%%&'()*(+%; ,$-'&'1 6$-.'5 E-2$CD /'C' !"#$%%&'()*(+% /$/1(1C1 73E7$391J73E7$391 0'% 2.&' /$9E0$ /$9E0$ 01 0'('/%8';
I)9#.)/0 $/$* "/)0=*/ K$31C.9 '0'('5 #3E7$391 0'31 E-2$C !"#$%%&'()*(+%
I)9#.)/% AE%693.A9E3 3$'08,9'9$ 3$67E%6$KE08 3$67E%6$<$M9 3$67E%6$+=> 69'9.6 69'9.6<$M9 91/$E.9
D.+N)0#/09& =$%&5'61(C'% 3$I$3$%61 C$ *$(+,!-*,$! 6.'9. E-2$C; =$%&'/-1( +,%," 6''9 1%1 0'31 6.'9. !".-"+,; =$%&'/-1( !"+/$(+" 1$&2 6$-'&'1 6.'9. '33'8; =$%&'/-1( !"+/$(+" 1$&2 6$-'&'1 6.'9. 6931%&; =$%&'/-1( !"+/$(+" 1$&2 6$-'&'1 6.'9. 345 6$*-7"(, 819"*, 4$&"# :684; $19"*,; =$%&'/-1( CE0$ 69'9.6 4<<# 0'31 6.'9. !".-"+,; =$%&'/-1( 69'9.6 I31$%0(8 4<<# 0'31 6.'9. 3$Q.$69; =$%0'7'9C'% '9'. /$%J6$9 %1('1 91/$JE.9;
K$31C.9 '0'('5 Z@$%96 0'31 E-2$C !"#$%%&'()*(+% V JF.&/ D.+N)0#/09& E%3$'0869'9$A5'%&$
=$%J6$9 '9'. /$%&'/-1( $@$%9 5'%0($3 .%9.C 6.'9. 3$Q.$69 '61%C3E%;
E%91/$E.9
)C'% 9$37'%&&1( C$91C' '0' $3E3 91/$E.9;
K$31C.9 '0'('5 =$9E0$ 0'31 E-2$C !"#$%%&'()*(+% V 3./(9, D.+N)0#/09& '-E39
=$%&JA'%A$( <==> !".-"+,;
&$9)((P$67E%6$4$'0$36 =$%&5'61(C'% 0'I9'3 CE/7($9 0'31 3$67E% ?"%&"!+; &$9P$67E%6$4$'0$3
=$%&5'61(C'% 3$67E% 5$'0$3 8'%& 0167$61I1CC'%;
E7
%$=$%&J'661&% /$9E0$D SP> 9.2.'% D '931-.9 ('1%%8' 0'31 3$Q.$69 8'%& 'C'% 01C131/;
6$%0
=$%&131/ 4<<# 3$Q.$69 C$ 6$3@$3 0'% /$%$31/' 6.'9. 3$67E%6;
6$9P$Q.$694$'0$3
=$%'/-'5 4<<# 5$'0$36 8'%& 016$6.'1C'% C$ 3$Q.$69;
14
http://blog.codingwear.com PHP Ajax Javascript jQuery Tutorial Indonesia
).$,%E/$/. E%&/$C object.readyState == nState
G0B$0 !"#$#% e1('1 0'31 3$'08,9'9$ -$3.7' 1%9$&$3D 8'19. : 0 (Uninitialized)
G-2$C 6.0'5 01-.'9D 9'71 -$(./ 01<5$ E-2$A9 5'6 -$$% A3$'9$0D 9$9'71 910'C 011%161'(16'61 N/$9E0$ 9#.& -$(./ 017'%&&1(O; 1 (Open)
G-2$C 6.0'5 01-.'9D 9$9'71 /$9E0$ +.&, -$(./ 017'%&&1(; 2 (Sent)
=$9E0$ +.&, 6.0'5 017'%&&1(; ).+#9&+.M.C/ 0'% ).+#9&+.O9,% -$(./ -16' 017'%&&1(' 3 (Receiving)
K$-$3'7' 0'9' 6.0'5 019$31/'' ).+#9&+.M.C/ 0'% ).+#9&+.O9,% -$(./ -16' 017'%&&1(' 4 (Loaded)
,$/.' 0'9' 6.0'5 019$31/'' ).+#9&+.M.C/ 0'% ).+#9&+.O9,% 6.0'5 -16' 017'%&&1(' 3$'08,9'9$ -$361I'9 3$'0JE%(8D 910'C /$/1(1C1 %1('1 &"@%-#,;
P$/$/$& )%0' 910'C -16' /$/'%&&1( 73E7$391 ).+#9&+.O9,% 0'% ).+#9&+.M.C/ .%9.C /$%0'7'9 5'61( 0'31 6.'9. 3$Q.$69 8'%& C19' C131/; *1C' /$/'%&&1( ).+#9&+.O9,% '9'. ).+#9&+.M.C/ 'C'% /$%&5'61(C'% $33E3D C'3$%' 3$67E%6 -$(./ 019$31/' 6 $A'3' C$6$(.3.5'%; X19' 5'3.6 /$%.%&&. 6'/7'1 6$/.' 0'9' 019$31/' N3$'08,9'9$ hh _O; ).$,%E/$/. 017$3C$%'(C'% 01 R%9$3%$9 ZM7(E3$3 d;
P9&/9( Q function stateChanged(){ var data; if (ajaxku.readyState==4){ data=ajaxku.responseText; } }
15
http://blog.codingwear.com PHP Ajax Javascript jQuery Tutorial Indonesia
+/$/*+ E%&/$C object.status == nStatus
G0B$0 !"#$#()
*+,% )#$#() -../ 0$!1 ,2#%324$ 5%3(6$ 7!#%1%3'
G*<=.)
D.+N)0#/09&
"ii
[E%91%.$
"i"
,H19A51%& 73E9EAE(6
?ii
GX
?i"
[3$'9$0
?i?
)AA$79$0
?iB
eE%J).95E319'91@$ R%IE3/'91E%
?i_
eE [E%9$%9
?i`
P$6$9 [E%9$%9
?ia
#'391'( [E%9$%9
Bii
=.(917($ [5E1A$6
Bi"
=E@$0 #$3/'%$%9(8
Bi?
UE.%0
BiB
,$$ G95$3
Bi_
eE9 =E01I1$0
Bi`
S6$ #3EM8
Bid
<$/7E3'38 P$013$A9
_ii
K'0 P$Q.$69
_i"
S%'.95E31b$0
_i?
#'8/$%9 P$Q.13$0
_iB
UE3-100
%$_i_
eE9 UE.%0
_i`
=$95E0 eE9 )((EH$0
_ia
eE9 )AA$79'-($
_id
#3EM8 ).95$%91A'91E% P$Q.13$0
_i]
P$Q.$69 <1/$E.9
16
http://blog.codingwear.com PHP Ajax Javascript jQuery Tutorial Indonesia
_i^
[E%I(1A9
_"i
gE%$
_""
>$%&95 P$Q.13$0
_"?
#3$AE%0191E% U'1($0
_"B
P$Q.$69 Z%9198
_"_
P$Q.$69JSPR
_"`
S%6.77E39$0 =$01' <87$
_"a
P$Q.$69$0 P'%&$ eE9 ,.19'-($
_"d
ZM7$A9'91E% U'1($0
`ii
R%9$3%'( ,$3@$3 Z33E3
`i"
eE9 R/7($/$%9$0
`i?
K'0 g'9$H'8
`iB
,$3@1A$ S%'@'1('-($
`i_
g'9$H'8 <1/$E.9
`i`
4<<# j$361E% eE9 ,.77E39$0
+/$/*+ -$361I'9 3$'0JE%(8D 910'C /$/1(1C1 %1('1 0$I'.(9; +/$/*+ 017$3C$%'(C'% 01 L1%0EH6 R%9$3%$9 ZM7(E3$3 d; P9&/9( Q if (ajaxku.status == 401) alert('Access denied.'); else alert(ajaxku.responseText); }
/0<.9*/ E%&/$C object.timeout = v
G0B$0 8 K$3.7' H&/.'.) /1((16$AE%06 -$3'7' ('/' -'9'6 -3EH6$3 /$%.%&&. 3$67E% 0'31 6$3@$3;
91/$E.9 -$361I'9 3$'0TH319$D %1('1 0$I'.(9%8' '0'('5 i;
17
http://blog.codingwear.com PHP Ajax Javascript jQuery Tutorial Indonesia
P$/$/$& *1C' 7$31E0$ 7$31E0 91/$JE.9 6.0'5 5'-16D ).+#9&+.M.C/ 'C'% -$3%1('1 (-##; X19' 5'3.6 /$%J6$9 %1('1 91/$JE.9 ($-15 ('/' 0'31 0.&''% H'C9. 3$67E% 0'31 3$Q.$69 C19'; #3E7$391 /0<.9*/ 5'%8' 01J 6$9 01 '%9'3' C$91C' /$/'%&&1( /$9E0$ 9#.& 0'% /$0E9$ +.&,; *1C' '%0' /$%J6$9 %1('1 2345//#6.7*.+/ 91/$JE.9 ($-15 -$6'3 0'31 7'0' %1('1 91/$JE.9 %$9HE3C C$91C' 69'ACD %$9HE3C 69'AC 'C'% /.%A.( 7$39'/' C'(1 0'% 9&/0<.9*/ $@$%9 910'C 'C'% 7$3%'5 9$37'%&&1(;
P9&/9( var ajaxku; ajaxku = new XMLHttpRequest(); ajaxku.open("GET", url, true); ajaxku.timeout = 10000; ajaxku.ontimeout = timeoutPeringatan; ajaxku.send(null);
9&).$,%+/$/.N($&'. JF.&/ E%&/$C W;?(5%=62C(1-H+%1%(57128( 62C(1-H+%1%(57128( 62C(1-H+%1%(57128( 9 X*28+.YH128Y:(212812.
P$/$/$& 9&).$,%+/$/.N($&'. $@$%9 9$('5 017$3C$%'(C'% 01 L1%0EH6 R%9$3%$9 ZM7(E3$3 d; P9&/9( var ajaxku = new XMLHttpRequest(); ajaxku.onreadystatechange = reportStatus; ajaxku.open("GET", "http://localhost/test.xml", true); ajaxku.send(); function reportStatus() { if (ajaxku.readyState == 4 /* complete */) { if (ajaxku.status == 200 || ajaxku.status == 304) { alert('Transfer complete.'); } else {// terjadi error } } }
18
http://blog.codingwear.com PHP Ajax Javascript jQuery Tutorial Indonesia
9&/0<.9*/ JF.&/ E%&/$C W;?(A=62%.:(6*% 9 X*28+.YH128Y:(212812.
P$/$/$& 9&/0<.9*/ $@$%9 9$32'01 21C' 7$31E0$ /0<.9*/ ($H'9 6$-$(./ 9&B9$, $@$%9 9$32'01; X$91C' 9&/0<.9*/ $@$%9 9$32'01D 73E7$391 3$67E%6$<$M9 910'C 9$36$01' 0'% C'('. C19' /$%AE-' /$%&J'C6$6%8' 'C'% 9$32'01 $33E3;
P9&/9( <script type="text/javascript"> function timeo() { alert("XDR ontimeout"); } ... ajaxku.ontimeout = timeo;
$=9)/ 3./(9, ['%A$( 4<<# 3$Q.$69;
E%&/$C XMLHttpRequest.abort()
P$/$/$& $=9)/ 9$('5 017$3C$%'(C'% 01 L1%0EH6 R%9$3%$9 ZM7(E3$3 d; =$9E0$ $=9)/ /$%JA'%A$( '9'. /$%&J1%9$3.761 E7$3'61 4<<# P$Q.$69 '61%C3E% 8'%& 6$0'%& 9$32'01; =$/'%&&1( /$9E0$ $=9)/ 'C'% /$3$6$9 E-2$C; 9&).$,%+/$/.N($&'. "A"(, 2.&' 01JA'%A$(D 0'% ).$,%E/$/. 01J.-'5 C$ i N-('(','%#'B"& O;
9#.& 3./(9, =$%&J'661&% /$9E0$D SP> 9.2.'% D '931-.9 ('1%%8' 0'31 3$Q.$69 8'%& 'C'% 01C131/;
E%&/$C object.open(sMethod, sUrl [, bAsync] [, sUser] [, sPassword])
19
http://blog.codingwear.com PHP Ajax Javascript jQuery Tutorial Indonesia
I$)$<./.)+ +4",?$&
L'21-; E/)0&' 8'%& /$%$%9.C'% /$9E0$ 4<<# 01&.%'C'% .%9.C /$/-.C' CE%$C61: 6$7$391 gZ
+C!#
L'21-; E/)0&' 8'%& /$%$%9.C'% '-6E(.9 '9'. 3$('91@$ SP> 0'31 6$3@$3J610$ H$73E&3'//1%&T6$3@1A$6 '9'. 0'9' +=> 0'9';
1D+2(*
G791E%'(; R$)0$&/ 8'%& /$%$%9.C'% /)*. .%9.C E7$3'61 '68%A53E%E.6 N5'61( 6$&$3' 01-$31C'%D 910'C 7$3(. /$%.%&&. 3$67E% 0'31 6$3@$3D 6$51%&&' 7$%&&.%' 0'7'9 9$3.6 /$/'6.CC'% 0'9'D -$3&.(13 6$C19'3D 0'% /$%&&.%'C'% '7(1C'61OD '9'. S$B+. .%9.C E7$3'61 68%A53E%E.6; *1C' 910'C 019$%9.C'% /'C' 0$I'.(9%8' '0'('5 /)*.; *1C' '%0' /$/-$31C'% %1('1 S$B+.D G7$3'61 +.&, '0'('5 +2(*?!$($-+D 0'% L1%0EH6 R%9$3%$9 ZM7(E3$3 910'C /$%$31/' 1%7.9 '9'. /$%&5'61(C'% E.97.9 C$91C' E7$3'61 +.&, 6$0'%& -$32'('%;
+C+"!
G791E%'(; R$)0$&/ .%9.C /$%9.C'% %'/' .6$3 .%9.C 73E6$6 '.%9$%91C'61;
+>%++E$!& G791E%'(; R$)0$&/ .%9.C /$%$%9.C'% 7'66HE30 .%9.C 73E6$6 '.%9$%91C'61;
K$31C.9 '0'('5 4<<# @$3-6 0'% /$9E0$ LE3(0 L10$ L$- F16931-.9$0 ).95E31%& '%0 j$361E%1%& NL$-F)jO 8'%& 01J6.77E39: j$3- T =$95E0
F$I1%$0 R% 4<<# NPU[J ?a"aO
F$I1%$0 R% L$-F)j NPU[J ?`"]O
U.%A91E%
gZ<
4<<#
L$-F)j
P$Q.$69 SPR
#G,<
4<<#
L$-F)j
,$%0 0'9' 9E 6$3@$3
4Z)F
4<<#
L$-F)j
P$Q.$69 SPR H195E.9 -E08
#S<
4<<#
L$-F)j
,9E3$ 0'9' IE3 SPR
FZ>Z
4<<#
L$-F)j
F$($9$ 0'9' IE3 SPR
=GjZ
L$-F)j
=E@$ SPR 9E 9E %$H (EA'91E%
#PG#UReF
L$-F)j
P$Q.$69 SPR #3E7$391$6
#PG##)<[4
L$-F)j
S70'9$ E3 F$($9$ SPR #3E7$391$6
=X[G>
L$-F)j
[3$'9$ AE(($A91E% '9 SPR
[G#f
L$-F)j
[3$'9$ AE78 EI SPR
>G[X
L$-F)j
[3$'9$ >EAC
Se>G[X
L$-F)j
P$/E@$ >EAC
20
http://blog.codingwear.com PHP Ajax Javascript jQuery Tutorial Indonesia
G#
4<<#
L$-F)j
P$Q.$69 SPR G791E%6
+.&, 3./(9, =$%&131/ 4<<# 3$Q.$69 C$ 6$3@$3 0'% /$%$31/' 3$67E%;
E%&/$C object.send( [varBody])
I$)$<./.)+ A%!F$&2
G791E%'(; R$)0$&/ 8'%& /$%$%9.C'% -E08 0'31 /$66'&$ 3$Q.$69 8'%& 01C131/;
=$9E0$ 6$%0 -16' +2(*?!$($-+ '9'. %+2(*?!$($-+D 9$3&'%9.%& 0'31 %1('1 7'3'/$9$3 A%!D+2(* 01 /$9E0$ E7$% 8'%& 017'%&&1(; #'3'/$9$3 A%!F$&2 -16' -$3.7' E/)0&'D $))$% EI .%61&%$0 -89$6D '9'. E-2$C +=> FEA./$%9 G-2$A9 =E0$( NFG=O;
+./6.7*.+/5.$,.) 3./(9, =$%'/-'5 4<<# 5$'0$36 8'%& 016$6.'1C'% C$ 3$Q.$69'
E%&/$C object.setRequestHeader(sName, sValue)
I$)$<./.)+ +G%7"
L'21-; E/)0&' 8'%& /$%$%9.C'% %'/' 5$'0$3;
+H%#-"
L'21-; E/)0&' 8'%& /$%$%9.C'% %1('1 5$'0$3;
P9&/9( var ajaxku = new XMLHttpRequest(); ajaxku.open("POST", sURL, false); ajaxku.setRequestHeader("Content-Type", "text/xml"); ajaxku.send(sRequestBody);
GC$ 6$C'3'%& C19' 'C'% /$/-.'9 '7(1C'61 '.9E AE/7($9$ /$%&&.%'C'% '2'MD 01 /'%' 7'0' AE%9E5 -$31C.9 C19' 'C'% /$/-.'9 '.9E AE/7($9$ 0'31 6.'9. 0'9'-'6$D 7'0' AE%9E5 1%1 0'9'%8' -$3.7' %'/' %$&'3'J%$&'3' 01 0.%1'; *1C' C19' /$%&$91C 6.'9. 5.3.I '9'. C'9'D /'C' E9E/'916 'C'% 019'/71(C'% e$&'3' 8'%& /$/.%&C1%C'% 01'H'(1 E($5 5.3.I '9'. C'9' 9$36$-.9;
21
http://blog.codingwear.com PHP Ajax Javascript jQuery Tutorial Indonesia
#$39'/'D /'31 C19' -.'9 9'-($ e$&'3'D 0$%&'% 693.C9.3 6$-'&'1 -$31C.9 : JJ <'-($ 693.A9.3$ IE3 9'-($ k%$&'3'k JJ [PZ)
,$C'3'%&D /'31 C19' -.'9 CE0$ 4<=> 0'% )2'M
89,.L; $*/9&.'$)$;(/ <script> var drz; function lihat(kata){ if(kata.length==0){ document.getElementById("kotaksugest").style.visibility = "hidden"; }else{ drz = buatajax(); var url="cari.php"; drz.onreadystatechange=stateChanged; var params = "q="+kata; drz.open("POST",url,true); //beberapa http header harus kita set kalau menggunakan POST drz.setRequestHeader("Content-type", "application/x-www-formurlencoded"); drz.setRequestHeader("Content-length", params.length); drz.setRequestHeader("Connection", "close");
22
http://blog.codingwear.com PHP Ajax Javascript jQuery Tutorial Indonesia drz.send(params); } } function buatajax(){ if (window.XMLHttpRequest){ return new XMLHttpRequest(); } if (window.ActiveXObject){ return new ActiveXObject("Microsoft.XMLHTTP"); } return null; } function stateChanged(){ var data; if (drz.readyState==4 && drz.status==200){ data=drz.responseText; if(data.length>0){ document.getElementById("kotaksugest").innerHTML = data; document.getElementById("kotaksugest").style.visibility = ""; }else{ document.getElementById("kotaksugest").innerHTML = ""; document.getElementById("kotaksugest").style.visibility = "hidden"; } } } function isi(kata){ document.getElementById("kata").value = kata; document.getElementById("kotaksugest").style.visibility = "hidden"; document.getElementById("kotaksugest").innerHTML = ""; }