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
Ïà¹ØÎĵµ£º
´úÂëÏÂÔØ£ºhttp://code.google.com/p/ajaxautocomplete/downloads/list
Auto CompleteµÄjQuery¿Ø¼þ¡£
Ê×ÏÈÊÇÐèÒªÉè¼ÆÏÂÎÒÃǵÄDIV×îºóÓ¦¸ÃÏÔʾ³ÉʲôÑù×Ó,ÎÒµÄCSS²»Õ¦µØ¡£Ï¹ÍæÄØ¡£Ñù×ÓÈçÏ£º
Ê×ÏÈÊÇÒ»¸öDIV£¬È»ºóÊÇÌí¼ÓÒ»¸öulºÍ¼¸¸öli tag:
<div id="nav">
<ul>
<li><a>Text1 field1& ......
ÎÄÕ³ö×Ô£ºhttp://www.cnblogs.com/QLeelulu/archive/2008/04/21/1163021.html
±¾ÎĵØÖ·: jQuery
Ajax È«½âÎö
±¾ÎÄ×÷ÕߣºQLeelulu
×ªÔØÇë±êÃ÷³ö´¦£¡
jQueryȷʵÊÇÒ»¸öͦºÃµÄÇáÁ¿¼¶µÄJS¿ò¼Ü£¬ÄܰïÖúÎÒÃÇ¿ìËٵĿª·¢JSÓ¦Ó㬲¢ÔÚÒ»¶¨³Ì¶ÈÉϸıäÁËÎÒÃÇдJavaScript´úÂëµÄϰ¹ß¡£
·Ï»°ÉÙ˵£¬Ö±½Ó½øÈëÕýÌ⣬ÎÒÃÇÏÈÀ´¿´Ò»Ð©¼ ......
MOOTOOLSÖеķ½·¨Ê¹ÓÃ
Core.js
º¯Êý: $extend ½«µÚ¶þ¸ö²ÎÊý¶ÔÏóµÄËùÓÐÊôÐÔ¸´ÖƵ½µÚÒ»¸ö²ÎÊý¶ÔÏóÖÐ.
º¯Êý: $merge ºÏ²¢Ò»×é¶ÔÏóÉú³ÉжÔÏó
º¯Êý: $each µü´úÊý×é(°üÀ¨·Ç³£¹æÊý×é,ÈçÓÉÄÚ½¨µÄgetElementsByTagName·½·¨·µ»ØµÄ¼¯ºÏ¶ÔÏó, arguments¶ÔÏó, »òOjbect¶ÔÏó)
º¯Êý: $pick ·µ»Ø² ......
´ò¿ªÇëÇó
¡¡¡¡ÓÐÁËÒªÁ¬½ÓµÄ URL ºó¾Í¿ÉÒÔÅäÖÃÇëÇóÁË¡£¿ÉÒÔÓà XMLHttpRequest ¶ÔÏóµÄ open() ·½·¨À´Íê³É¡£¸Ã·½·¨ÓÐÎå¸ö²ÎÊý:
request-type:·¢ËÍÇëÇóµÄÀàÐÍ¡£µäÐ͵ÄÖµÊÇ GET »ò POST£¬µ«Ò²¿ÉÒÔ·¢ËÍ HEAD ÇëÇó¡£
url:ÒªÁ¬½ÓµÄ URL¡£
asynch:Èç¹ûÏ£ÍûʹÓÃÒì²½Á¬½ÓÔòΪ true£¬·ñÔòΪ false¡£¸Ã²ÎÊýÊÇ¿ÉÑ¡µÄ£¬Ä¬ÈÏΪ true¡£
......