Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

ajax Ïà¹Ø


1
¡¢½éÉÜÒ»ÏÂ
Prototype
µÄ
$()
º¯Êý£¬
$F()
º¯Êý£¬
$A()
º¯Êý¶¼ÊÇʲô×÷Óã¿
$()
·½·¨ÊÇÔÚDOM
ÖÐ
ʹÓùýÓÚÆµ·±µÄ document.getElementById()
·½·¨µÄÒ»¸ö±ãÀûµÄ¼òд£¬¾ÍÏñÕâ¸öDOM
·½
·¨Ò»Ñù£¬Õâ¸ö·½·¨·µ»Ø²ÎÊý´«ÈëµÄid
µÄÄǸöÔªËØ¡£
$F()
º¯ÊýÊÇÁíÒ»¸ö´óÊÕ»¶Ó­µÄ“
¿ì
½Ý¼ü”
£¬ËüÄÜÓÃÓÚ·µ»ØÈÎºÎ±íµ¥ÊäÈë¿Ø¼þµÄÖµ£¬±ÈÈçtext box,drop-down list
¡£
Õâ¸ö·½·¨Ò²ÄÜÓÃÔªËØid
»òÔªËØ±¾Éí×öΪ²ÎÊý¡£
$A()
º¯ÊýÄܰÑËü½ÓÊÕµ½µÄµ¥¸öµÄ²ÎÊýת»»³ÉÒ»¸öArray
¶Ô
Ïó¡£
 
2
¡¢½éÉÜÒ»ÏÂ
XMLHttpRequest
¶ÔÏó
ͨ¹ýXMLHttpRequest
¶ÔÏó£¬Web
¿ª
·¢ÈËÔ±¿ÉÒÔÔÚÒ³Ãæ¼ÓÔØÒÔºó½øÐÐÒ³ÃæµÄ¾Ö²¿¸üС£
AJAX
¿ªÊ¼Á÷ÐÐʼÓÚGoogle
ÔÚ2005
Äê
ʹÓõĔGoogle Suggest”
¡£
“Google Suggest”
¾ÍÊÇʹÓÃXMLHttpRequest
¶Ô
ÏóÀ´´´½¨¶¯Ì¬µÄWeb
½Ó¿Ú£º
µ±Óû§¿ªÊ¼ÊäÈëgoogle
µÄËÑË÷¿ò£¬Javascript
·¢
ËÍÓû§ÊäÈëµÄ×Ö·ûµ½·þÎñÆ÷£¬È»ºó·þÎñÆ÷·µ»ØÒ»¸ö½¨ÒéÁÐ±í¡£
XMLHttpRequest
¶ÔÏóÔÚIE5.0+,
Safari 1.2, Mozilla 1.0/Firefox, Opera 8+
ºÍNetScapt7
¿ª
ʼ±»Ö§³Ö¡£
3
¡¢
AJAX
Ó¦Óúʹ«Í³
Web
Ó¦ÓÃÓÐʲô²»Í¬£¿
ÔÚ´«Í³µÄJavascript
±à³ÌÖУ¬Èç¹ûÏëµÃµ½·þÎñÆ÷¶ËÊý¾Ý¿â»ò
ÎļþÉϵÄÐÅÏ¢£¬»òÕß·¢ËͿͻ§¶ËÐÅÏ¢µ½·þÎñÆ÷£¬ÐèÒª½¨Á¢Ò»¸öHTML form
È»ºóGET
»òÕßPOST
Êý
¾Ýµ½·þÎñÆ÷¶Ë¡£Óû§ÐèÒªµã»÷”Submit”
°´Å¥À´·¢ËÍ»òÕß½ÓÊÜÊý¾ÝÐÅÏ¢£¬È»ºóµÈ´ý·þÎñÆ÷ÏìÓ¦ÇëÇó£¬Ò³ÃæÖØÐ¼ÓÔØ¡£
ÒòΪ·þÎñÆ÷ÿ´Î¶¼»á·µ»ØÒ»¸öеÄÒ³Ãæ£¬ ËùÒÔ´«Í³µÄweb
Ó¦ÓÃÓпÉ
ÄܺÜÂý¶øÇÒÓû§½»»¥²»ÓѺá£
ʹÓÃAJAX
¼¼Êõ£¬ ¾Í¿ÉÒÔʹJavascript
ͨ
¹ýXMLHttpRequest
¶ÔÏóÖ±½ÓÓë·þÎñÆ÷½øÐн»»¥¡£
ͨ¹ýHTTP Request
£¬ Ò»¸öweb
Ò³
Ãæ¿ÉÒÔ·¢ËÍÒ»¸öÇëÇóµ½web
·þÎñÆ÷²¢ÇÒ½ÓÊÜweb
·þÎñÆ÷·µ»ØµÄÐÅÏ¢(
²»
ÓÃÖØÐ¼ÓÔØÒ³Ãæ)
£¬Õ¹Ê¾¸øÓû§µÄ»¹ÊÇͨһ¸öÒ³Ãæ£¬Óû§¸Ð¾õÒ³ÃæË¢Ð£¬Ò²¿´²»µ½µ½Javascript
ºó
̨½øÐеķ¢ËÍÇëÇóºÍ½ÓÊÜÏìÓ¦¡£
4
¡¢
AJAX
µÄÈ«³ÆÊÇʲô£¿

½éÉÜÒ»ÏÂ
AJAX
£¿
AJAX
µÄÈ«³ÆÊÇAsynchronous
JavaScript And XML.
AJAX
ÊÇ2005
ÄêÓÉGoogle
·¢
Æð²¢Á÷ÐÐÆðÀ´µÄ±à³Ì·½·¨£¬ AJAX
²»ÊÇÒ»¸öеıà³ÌÓïÑÔ£¬µ«ÊÇËüÊÇÒ»¸öʹÓÃÒÑÓбê×¼µÄеıà³Ì¼¼Êõ¡£
ʹÓÃAJAX
¿ÉÒÔ´´½¨¸üºÃ£¬¸ü¿ì£¬¸üÓû§½çÃæÓѺõÄWeb
Ó¦

AJAX
¼¼Êõ»ùÓÚJavascript
ºÍHTTP
Reque


Ïà¹ØÎĵµ£º

µÚÒ»¸öAjax ʵÀý

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>¼òµ¥µÄÓ¦ÓÃXMLHt ......

jquery ajaxµÄ $.get()ºÍ$.post()·½·¨


$.get()ºÍ$.post()·½·¨
    $.get(url [,data] [,callback] [,type])
    type£ºstringÀàÐÍ£¬·þÎñÆ÷¶Ë·µ»ØÄÚÈݵĸñʽ£¬°üÀ¨xml£¬html£¬script£¬json£¬textºÍ_default
    »Øµ÷º¯ÊýÖ»ÓÐÁ½¸ö²ÎÊý£ºfunction(data,textstatus){....}
    data:·µ»ØµÄÄÚÈÝ £ ......

AjaxÌá½»±íµ¥ Ã²ËÆÖ»ÄÜÓÃpost

     ÒÔǰÌá½»±íµ¥µÄ·½·¨ÊÇsubmit£¬µ«ÊÇÕâÑùµÄ»°ÎÞ·¨Ê¹ÓÃAjax£¬Ò»Ìá½»¾ÍÒâζ×ÅÐèҪˢÐÂÒ³Ãæ¡£ÁíÒ»ÖÖ·½·¨ÊÇÔÚurlÉÏÃæ¼ÓÉÏparameterÀ´·¢ËÍ±íµ¥£¬µ«ÊÇÕâÑù»á±©Â¶·¢Ë͵ÄÄÚÈÝ¡£µ«ÊÇÈç¹ûÓÃAjax·¢ËÍ±íµ¥µÄ»°¾ÍÄܱÜÃâÉÏÃæÁ½ÖÖÎÊÌâ¡£
     µ«ÊÇÎÒ֮ǰ×Ô¼ºÐ´µÄʱºò£¬×ÜÊÇÌá½»µÄÊÇnullÖµ£¬ÔË ......

ʹÓÃJavaScriptºÍAjax·¢³öÒì²½ÇëÇóÏê½â

´ò¿ªÇëÇó
¡¡¡¡ÓÐÁËÒªÁ¬½ÓµÄ URL ºó¾Í¿ÉÒÔÅäÖÃÇëÇóÁË¡£¿ÉÒÔÓà XMLHttpRequest ¶ÔÏóµÄ open() ·½·¨À´Íê³É¡£¸Ã·½·¨ÓÐÎå¸ö²ÎÊý:
request-type:·¢ËÍÇëÇóµÄÀàÐÍ¡£µäÐ͵ÄÖµÊÇ GET »ò POST£¬µ«Ò²¿ÉÒÔ·¢ËÍ HEAD ÇëÇó¡£
url:ÒªÁ¬½ÓµÄ URL¡£
asynch:Èç¹ûÏ£ÍûʹÓÃÒì²½Á¬½ÓÔòΪ true£¬·ñÔòΪ false¡£¸Ã²ÎÊýÊÇ¿ÉÑ¡µÄ£¬Ä¬ÈÏΪ true¡£
......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ